/* ============================================= PC endpoint ==================================================== */ #WS_container div { box-sizing: border-box; } .wrapper div,ul,li,form {margin:0;padding:0;} #WS_container input[type=radio] {appearance: radio; -webkit-appearance: radio;} #WS_container input[type=checkbox]:checked:before {content: none;} #WS_container input[type=checkbox] {appearance: checkbox; -webkit-appearance: checkbox;} /*common style*/ #WS_container {position: relative; color:#000;margin-top:5rem;} #WS_container p{/*line-height:1.2rem;*/margin: 16px 0;} #WS_container ul{margin:0; padding:0;} #WS_container ._main{margin:0px auto; position: relative; z-index: 99; top:0; height:auto; padding:10px 10px; border-radius: 10px; } #WS_container ._bg_color{background:#f8d6e6;} #WS_container ._center{text-align:center;} #WS_container ._white{color: #fff;} #WS_container ._font_customize{font-family: Pacifico,sans-serif; color: rgb(254, 137,4);} #WS_container ._row{font-size:25px; line-height: 2; margin-bottom: 45px;} #WS_container ._bold{font-weight:bold;} #WS_container ._btn{padding:5px 25px; border-radius:10px; background: linear-gradient(to top, rgb(255, 126, 0), rgb(251, 183, 19)); cursor:pointer; color:#000;} #WS_container .disable_btn{background: linear-gradient(to top, rgb(115, 113, 111), rgb(171, 167, 160));} #WS_container ._btn._site{margin:0 auto; font-size:20px; padding: 7px 30px; display: block; text-align: center;} #WS_container ._disabled{background: grey !important;} #WS_container ._row ._s_words{font-size:14px; line-height: 20px;} #WS_container ._row ._m_words{font-size:18px; line-height: 24px;} #WS_container ._row ._l_words{font-size:30px; line-height: 36px;} #WS_container ._row ._b_words{font-weight: bold;} #WS_container ._no_margin{margin:0;} #WS_container ._closer{width:30px;height:30px;overflow:hidden; position:absolute; top:-15px; right:-15px;border-radius:15px; background: rgba(0,0,0,.7); cursor:pointer; display: none;} #WS_container ._closer img{width:50%; position:absolute; top:8px; left:8px;} #WS_container ._lang_list{width: 80px;height: 24px; padding:5px;overflow: hidden;position: absolute;top: -10px;right:30px;border-radius: 5px;background: rgba(0,0,0,.7);cursor: pointer;text-align: center;} #WS_container ._lang_list li{list-style:none;height: 24px; line-height: 24px; font-size: 16px;} #WS_container ._line{height:3px; width:100%; background-color:#fff; } /*#WS_container ._comment{line-height:1rem;}*/ #WS_container .process_1_3{height:100%;background-color:orange; width:33.3%;} #WS_container .process_2_3{height:100%;background-color:orange; width:66.6%;} #WS_container .process_1_4{height:100%;background-color:orange; width:25%;} #WS_container .process_2_4{height:100%;background-color:orange; width:50%;} #WS_container .process_3_4{height:100%;background-color:orange; width:75%;} #WS_container .process_ok{height:100%;background-color:orange; width:100%;} #WS_container ._black_color{color:#000;} #WS_container ._coffee_color{color:rgb(134,0,0);} #WS_container ._clear_both{clear:both; width:0; height:0;} #WS_container ._pointer{cursor: pointer; text-indent:20px;} #WS_container .a_tag{ /*color:inherit; */ color:rgb(254,137,4); text-decoration:none;} #WS_container #WS_reopen{animation:myreopen 1s infinite; position:fixed; bottom: 200px; right:20px; width:100px; height:100px; display: none; z-index:9999;} #WS_container #WS_reopen ._reopen_body{width:100%; cursor: pointer; position:absolute; top:50%;} #WS_container #WS_reopen ._reopen_body img{width:100%;} /*#WS_container #WS_reopen:hover{animation:myreopen 0s }*/ @keyframes myreopen { 0%,50%,100%{ -webkit-transform:rotate(0deg);transform:rotate(0deg);right: 20px;} 12.5%{ -webkit-transform:rotate(5deg);transform:rotate(5deg);right: 20px;} 25%{ -webkit-transform:rotate(10deg);transform:rotate(10deg);right: 20px;} 37.5%{ -webkit-transform:rotate(5deg);transform:rotate(5deg);right: 20px;} 62.5%{ -webkit-transform:rotate(-5deg);transform:rotate(-5deg);right: 20px;} 75%{ -webkit-transform:rotate(-10deg);transform:rotate(-10deg);right: 20px;} 87.5%{ -webkit-transform:rotate(-5deg);transform:rotate(-5deg);right: 20px;} } /*@keyframes myreopen { 0%, 60%{ -webkit-transform:rotate(0deg);transform:rotate(0deg);right: 20px;} 70% { -webkit-transform:rotate(10deg);transform:rotate(10deg);} 75% { -webkit-transform:rotate(-10deg);transform:rotate(-10deg);} 80% { right: 60px;} 85% {} 90% { -webkit-transform:rotate(10deg);transform:rotate(10deg);} 95% { -webkit-transform:rotate(-10deg);transform:rotate(-10deg);} 100% { -webkit-transform:rotate(0deg);transform:rotate(0deg);right: 20px;} }*/ /*@-webkit-keyframes haha1 { 0% {-webkit-transform: rotate(0deg);} 25% {-webkit-transform: rotate(90deg);} 50% {-webkit-transform: rotate(180deg);} 75% {-webkit-transform: rotate(270deg);} 100% {-webkit-transform: rotate(360deg);} }*/ /*error tips*/ #WS_container ._error_tips{color:red;font-size:14px; display: inherit; line-height: 1.5;} #WS_container input._error{border:1px solid red !important;} /*shadow*/ #WS_shadow{width:100%; height:100%; background:rgba(0,0,0,.71); display:none; top: 0; left: 0; bottom: 0; right: 0;position:fixed;} /*loading*/ #WS_loading{width: 30%; height: 100px; margin: 0 auto; position: absolute; top: 40%; left: 50%;font-family: comic sans ms, sans-serif; border-radius: 5px; background: rgba(0,0,0,.5); margin-left: -14%; display:none;} #WS_loading ._loading_body{width: 90%; height: auto; margin: 0 auto;} #WS_loading ._loading_bar{width: 100%; height: 2px; margin: 0 auto; background: #000; border-top:10px solid #777;border-bottom:10px solid #777; border-radius: 5px;} #WS_loading ._loading_inner_bar{width: 100%; height: 5px; background: orange;border-radius: 5px; position: relative; top:-14px; margin:0; } #WS_container ._next_div{position:relative; top:-15px;} #WS_container ._next_div span {margin:0 20px; padding:7px 50px;} /*step one*/ #WS_container ._step_one{width:100%; max-width:466px;/*margin-left:-233px;*//*margin-top:-320px;*/padding-bottom:20px; display: none;} /*step two*/ #WS_container ._step_two{width:100%; max-width:966px;/*margin-left:-483px;*//*margin-top:-320px;*/display: none;} #WS_container ._step_two ._col{width:44%; float:left; margin-left:6%;} #WS_container ._step_two ._row{margin-bottom: 25px;} #WS_container ._step_two ._black_color{color:rgb(254,137,4);} #WS_container ._step_two ._second_block{width:80%; /*background:rgba(152,166,185,0.5);*/ border-radius: 20px; padding:20px 30px;} #WS_container ._step_two ._second_block ._row{font-size:16px; margin-bottom:15px;} #WS_container ._step_two ._second_block ._m_words{font-size:20px; margin-bottom:15px;} #WS_container ._step_two ._input{width:100%; color:#000; font-weight:700;} #WS_container ._step_two ._input ._input_label{display:inline-block; width:100%;} #WS_container ._step_two ._input ._input_text{display:inline-block; width:100%; height:40px; border:0; padding-left:15px; color:#000; font-size:18px; background: #fff;} #WS_container ._step_two ._input input::-webkit-input-placeholder{color:#000;} #WS_container ._step_two div._promo_code_first_page{width: 50%; height:150px; margin:0 auto; background: url('') no-repeat; background-size:100%;} #WS_container ._step_two div._promo_code_first_page span._promo_code_number{font-size: 42px;font-family: sans-serif; font-weight: bolder;top:26px;left: 15px;} #WS_container ._step_two div._gift_card_first_page{width: 50%; height:150px; margin:0 auto; background: url('') no-repeat; background-size:100%;} #WS_container ._step_two div._gift_card_first_page span._gift_card_number{font-size: 26px; position: relative; top: 10px; left: 140px;} /*step three*/ #WS_container ._step_three{width:100%; max-width:966px;/*margin-left:-483px;*//*margin-top:-320px;*/ /*height: 550px; */ } #WS_container ._step_three ._center{padding:10px;} #WS_container ._step_three ._center ._btn{padding: 5px 50px;} #WS_container ._step_three ._row{margin-bottom:15px;} #WS_container ._step_three ._gift_list{margin-bottom:5px;} #WS_container ._step_three ._col{width:28%; float:left; margin-left:5%; margin:0 20px;} #WS_container ._step_three ._second_block{width:85%; height:250px;/* background:rgba(152,166,185,1);*/ border-radius: 20px; padding:5px 5px; opacity: .9; display:block; flex-direction:column; justify-content:end;} #WS_container ._step_three ._second_block ._title{font-size:16px;line-height: 1;} #WS_container ._step_three ._header div{float:left; margin-left:10px;} #WS_container ._step_three ._header ._img{width:50px;} #WS_container ._step_three ._header ._img img{width:100%;} #WS_container ._step_three ._second_block span{width:100%;} #WS_container ._step_three ._second_block ._gift_img{width:100%; margin:0 auto; padding:0; position: relative;} #WS_container ._step_three ._second_block ._gift_img img{max-width:170px;max-height: 170px; /*box-shadow: 0 0 15px #fff;*/display:inline-block;} #WS_container ._step_three div._gift_slider {width:100%;position: absolute;top: 40px;font-size: 30px;font-family: serif;font-weight: bolder;} #WS_container ._step_three div._gift_slider span{ cursor: pointer; width: 30px; height: 64px; background: linear-gradient(to top, rgb(255, 126, 0), rgb(251, 183, 19)); display: block; position: absolute; line-height: 64px; border-radius: 5px; color: #fff;} #WS_container ._step_three div._gift_slider span._gift_slider_left{top: 0;left: 0;} #WS_container ._step_three div._gift_slider span._gift_slider_right{top: 0;right: 0;} #WS_container ._step_three ul._gift_select_list {width: 100%;overflow: hidden; height: 220px;} #WS_container ._step_three ul._gift_select_list li{list-style: none;float:left; margin: 0 auto; width: 100%;} #WS_container ._step_three ._gift_diff_div{width:100%;} #WS_container ._step_three ._promo_code_gift_diff_div{height:100%;} #WS_container ._step_three ._gift_diff_div div._gift_promo {height:100%;cursor: pointer;background-size: 100% 100%;} #WS_container ._step_three ._gift_diff_div div._gift_promo div._promo_code_page{width: 55%; height:100%; margin:0 auto; background: url('') no-repeat; background-size:100%;} #WS_container ._step_three ._gift_diff_div div._gift_promo div._promo_code_page span._promo_code_number{font-size: 40px;font-family: sans-serif; font-weight: bolder;position: relative;top:28px;left: -20px;} #WS_container ._step_three ._gift_diff_div div._gift_money {width:160px; height:190px; margin:0 auto;} #WS_container ._step_three ._gift_diff_div div._gift_money div._gift_money_left p._gift_money_number{font-size:20px; position: relative; top:50px; left:15px;} #WS_container ._step_three ._gift_diff_div div._gift_money div._gift_money_right{width:100%; background: url('/static/js-client/image/gift_card_bg_2.png');height:100%; cursor: pointer;background-size: 100% 100%;} #WS_container ._step_three ._gift_diff_div div._gift_money div._gift_money_right span._gift_card_number{font-size: 18px;position: relative;top: 0;left: 40px;} /*step four*/ #WS_container ._step_four{width:100%; max-width:966px;/*margin-left:-483px;*//*margin-top:-320px;*/ display: none;} #WS_container ._step_four ._out_border{position:relative; width:90%; height:auto; margin:0 auto; /* padding-bottom: 30px; */} #WS_container ._step_four ._out_border ._inner_border_1{border-radius:10px; background:rgba(255,255,255,.5); width:100%; min-height:504px;} #WS_container ._step_four ._out_border ._inner_border_2{position:absolute; top:0; left:0; width:94%; min-height:460px; padding:3%;} #WS_container ._step_four ._row{margin-bottom: 20px;} #WS_container ._step_four ._row ._m_words{font-size: 16px;} #WS_container ._step_four ._col{float:left; margin-left:5%;} /*#WS_container ._step_four ._col:nth-child(1){width:24%;}*/ #WS_container ._step_four ._col:nth-child(1){width:36%; max-height:354px;} /*#WS_container ._step_four ._col:nth-child(2){width:64%;}*/ #WS_container ._step_four ._col:nth-child(2){width: 50%; overflow: auto; max-height: 340px; margin-left: 5%;} #WS_container ._step_four ._col li{list-style:none; float:left;} #WS_container ._step_four ._col li._item {font-size:16px; min-width:51%;} #WS_container ._step_four ._col li._item p {line-height: 16px;} #WS_container ._step_four ._second_block{width:66%; min-height:270px; background:#fff; border-radius: 20px; padding:20px 30px; opacity: .9;} #WS_container ._step_four ._second_block ._gift_img{width:100%; margin:0; padding:0;} /*#WS_container ._step_four ._second_block ._gift_img img{width:100%;}*/ #WS_container ._step_four ._second_block ._gift_img img{width:80%;} /*step five*/ #WS_container ._step_five{width:100%; max-width:966px;/*margin-left:-483px;*//*margin-top:-320px;*/ } #WS_container ._step_five ._out_border{position:relative; width:90%; height:auto; margin:0 auto; padding-bottom: 0px;} #WS_container ._step_five ._out_border ._inner_border_1{border-radius:10px; background:rgba(255,255,255,.5); width:100%; min-height:510px;} #WS_container ._step_five ._out_border ._inner_border_2{position:absolute; top:0; left:0; width:94%; min-height:460px; padding:3%;} #WS_container ._step_five ._row{margin-bottom: 20px; line-height: 22px;} #WS_container ._step_five ._row ._m_words{font-size: 16px;} #WS_container ._step_five ._col{float:left; } #WS_container ._step_five ._col:nth-child(1){width:24%;} /*#WS_container ._step_five ._col:nth-child(2){width:64%;}*/ #WS_container ._step_five ._col li{list-style:none; float:left;} #WS_container ._step_five ._col li._item {font-size:16px; width:100%;} #WS_container ._step_five ._col li._item ._answer_table{border:1px solid #000; font-size:14px; width:100%; border-collapse:collapse; border-spacing:0;} #WS_container ._step_five ._col li._item ._answer_table th{background: #b8b8b8;} #WS_container ._step_five ._col li._item ._answer_table td{background: #fff;} #WS_container ._step_five ._col li._item ._comment{width:100%; min-height:100px; resize: none;line-height: 20px; padding:2px; font-size:16px; background: #fff; resize:vertical; } #WS_container ._step_five ._col li._item ._bold{margin:11px 0;} #WS_container ._step_five ._col li._item p:nth-child(2){margin:11px 0;} #WS_container ._step_five ._second_block{width:70%; min-height:270px; background:#fff; border-radius: 20px; padding:20px 30px; opacity: .9;} #WS_container ._step_five ._second_block ._gift_img{width:100%; margin:0; padding:0;} #WS_container ._step_five ._second_block ._gift_img img{width:100%;max-height:210px;} /*step six*/ #WS_container ._step_six{width:100%; max-width:966px;/*margin-left:-483px;*//*margin-top:-320px;*/ display: none;} #WS_container ._step_six ._out_border{position:relative; width:90%; height:auto; margin:0 auto; padding-bottom: 0px;} #WS_container ._step_six ._out_border ._inner_border_1{border-radius:10px; background:rgba(255,255,255,.5); width:100%; min-height:43rem;} #WS_container ._step_six ._out_border ._inner_border_2{position:absolute; top:0; left:0; width:94%; min-height:460px; padding:3%;} #WS_container ._step_six ._row{margin-bottom: 20px;} #WS_container ._step_six ._col{float:left; margin-left:5%;} #WS_container ._step_six ._col:nth-child(1){width:29%;} #WS_container ._step_six ._col:nth-child(2){width:90%;} #WS_container ._step_six ._col li{list-style:none; float:left;} #WS_container ._step_six ._col li._item {font-size:16px; width:100%;line-height: 1.3;} #WS_container ._step_six ._col li._item p:nth-child(1){margin:11px 0;} #WS_container ._step_six ._input{width:100%;} #WS_container ._step_six ._input ._input_label{display:inline-block; width:100%; font-size: 1.2rem; } #WS_container ._step_six span._shipping_address_tips{display: inline; font-size: 16px; line-height: 16px; color: red;} #WS_container ._step_six ._input ._input_text{display:inline-block; width:80%; height:30px; color:#000; font-size:20px; background: #fff; padding:3px 7px; } #WS_container ._step_six ._input ._input_textarea{width:80%; font-size:20px; min-height:70px; padding-left:15px; resize: none; background: #fff;} #WS_container ._step_six ._second_block{width:86%; min-height:270px; background:#fff; border-radius: 20px; padding:20px 30px; opacity: .9;} #WS_container ._step_six ._second_block ._gift_img{width:100%; margin:0; padding:0;} #WS_container ._step_six ._second_block ._gift_img img{max-width:100%; max-height:180px; display:inline-block;} #WS_container ._step_six ._gift_diff_div {font-size:16px; color:#000;} #WS_container ._step_six ._gift_diff_div div._gift_money p._gift_money_number{font-size:50px; position: relative; top:150px; left:15px;color:#fff;} #WS_container ._step_six ._gift_diff_div div._gift_card{width:100%; background: url('/static/js-client/image/gift_card_bg_2.png');height:240px; cursor: pointer;background-size: 100% 100%;} #WS_container ._step_six ._gift_diff_div div._gift_card span._gift_card_number{font-size: 24px;position: relative;top: 16px;left: 50px;color:#fff;} #WS_container ._step_six ._gift_diff_div p._discount{color:red; font-weight: bold;} #WS_container ._step_six ._gift_diff_div p._market_price{color:red; font-weight: bold;} #WS_container ._step_six ._gift_diff_div div._gift_promo {height:300px;cursor: pointer;background-size: 100% 100%;} #WS_container ._step_six ._gift_diff_div div._gift_promo div._promo_code_page{width: 96%; height:100%; margin:0 auto; background: url('/static/js-client/image/promo_code_6.png') no-repeat; background-size:100%;} #WS_container ._step_six ._gift_diff_div div._gift_promo div._promo_code_page span._promo_code_number{font-size: 60px;font-family: sans-serif; font-weight: bolder;position: relative;top:48px;left: -28px; color:#fff;} /*#WS_container ._step_six #confirm_accept_tips{color:#fda30c; display:inline; text-shadow:0 0 12px rgb(0,0,0); font-size:20px; line-height: 30px;}*/ /*step ten*/ #WS_container ._step_ten{width:100%; max-width:966px;display: none;} #WS_container ._step_ten ._out_border{position:relative; width:90%; height:auto; margin:0 auto;} #WS_container ._step_ten ._out_border ._inner_border_1{border-radius:10px; background:rgba(255,255,255,.5); width:100%; min-height:504px;} #WS_container ._step_ten ._out_border ._inner_border_2{position:absolute; top:0; left:0; width:94%; min-height:460px; padding:3%;} #WS_container ._step_ten ._row{margin-bottom: 20px;} #WS_container ._step_ten ._row ._m_words{font-size: 16px;} #WS_container ._step_ten ._col{float:left; margin-left:5%;} #WS_container ._step_ten ._col:nth-child(1){width:36%; max-height:354px;} #WS_container ._step_ten ._col:nth-child(2){width: 50%; overflow: auto; max-height: 354px; margin-left: 5%;} #WS_container ._step_ten ._col li{list-style:none; float:left;} #WS_container ._step_ten ._col li._item {font-size:16px; min-width:51%;} #WS_container ._step_ten ._col li._item p {line-height: 16px;margin: 16px 0 0 0;} #WS_container ._step_ten ._second_block{width:66%; min-height:270px; background:#fff; border-radius: 20px; padding:20px 30px; opacity: .9;} #WS_container ._step_ten ._second_block ._gift_img{width:100%; margin:0; padding:0;} #WS_container ._step_ten ._second_block ._gift_img img{width:80%;} /*step sevent*/ #WS_container ._step_seven{width:100%; max-width:966px;/*margin-left:-483px;*//*margin-top:-320px;*/ display: none;} #WS_container ._step_seven ._out_border{position:relative; width:90%; height:auto; margin:0 auto; padding-bottom: 30px;} #WS_container ._step_seven ._out_border ._inner_border_1{border-radius:10px; background:rgba(255,255,255,.5); width:100%; min-height:500px;} #WS_container ._step_seven ._out_border ._inner_border_2{position:absolute; top:0; left:0; width:94%; min-height:460px; padding:3%;} #WS_container ._step_seven ._row{margin-bottom: 20px;} #WS_container ._step_seven ._m_words ._btn{padding:7px 50px;} #WS_container ._step_seven ._cp_pm_code_btn{padding: 5px;margin-left: 40px;box-shadow: 0 0 20px 5px rgb(150,204,255);background: linear-gradient(to top, rgb(255, 126, 0), rgb(251, 183, 19));color: #000; font-size: 16px;} /*step eight*/ #WS_container ._step_eight{width:100%; max-width:966px;/*margin-left:-483px;*//*margin-top:-320px;*/ display: none; } #WS_container ._step_eight ._out_border{position:relative; width:90%; height:auto; margin:0 auto; padding-bottom: 30px;} #WS_container ._step_eight ._out_border ._inner_border_1{border-radius:10px; /*background:rgba(255,255,255,.5);*/ background-color:#F9F9F9; width:100%; min-height:470px;} #WS_container ._step_eight ._out_border ._inner_border_2{position:absolute; top:0; left:0; width:94%; min-height:460px; padding:3%;} #WS_container ._step_eight ._row{margin-bottom: 20px;} #WS_container ._step_eight ._row ._btn img{width:60px;display: inline-block;} #WS_container ._step_eight ._row ._comment{width:85%; min-height:60px; padding:5px; resize: none; color:#000; line-height: 20px; font-size:16px;background: #fff;} #WS_container ._step_eight ._center ._btn{padding:20px; /*padding: 10px 50px; background:linear-gradient(to top, rgba(255, 126, 0, .28), rgb(251, 183, 19));*/ text-decoration: unset; background: linear-gradient(to top, rgb(255, 126, 0), rgb(251, 183, 19));} #WS_container ._step_eight ._amz_review_btn_container {margin-top:50px;} #WS_container ._step_eight .cp_review {margin-bottom:5px;} #WS_container ._step_eight .go_review {margin-left:10px;} #WS_container ._step_eight ._center ._btn.disable_btn{background: linear-gradient(to top, rgb(115, 113, 111), rgb(171, 167, 160));} /*step nine*/ #WS_container ._step_nine{width:100%; max-width:466px;/*margin-left:-233px;*//*margin-top:-320px;*/padding-bottom:20px; display: none;} #WS_container ._step_nine ._header div{float:left; margin-left:10px;} #WS_container ._step_nine ._header ._img{width:50px;} #WS_container ._step_nine ._header ._img img{width:100%;} /*step eleven*/ #WS_container ._step_eleven{width:100%; max-width:466px;/*margin-left:-233px;*//*margin-top:-320px;*/padding-bottom:20px; display: none;} #WS_container ._step_eleven ._header div{float:left; margin-left:10px;} /*step twelve*/ #WS_container ._step_twelve{width:100%; max-width:466px;/*margin-left:-233px;*//*margin-top:-320px;*/padding-bottom:20px; display: none;} #WS_container ._step_twelve ._header div{float:left; margin-left:10px;} /* ============================================== 浏览器的默认样式 =================================================== */ /* ============================================= Mobile endpoint ==================================================== */ @media screen and (max-width:1000px){ #WS_container ._step_two, #WS_container ._step_three, #WS_container ._step_four, #WS_container ._step_ten, #WS_container ._step_five, #WS_container ._step_six, #WS_container ._step_seven,#WS_container ._step_eight, #WS_container ._step_nine, #WS_container ._step_eleven, #WS_container ._step_twelve{width: 100%; max-width: 830px;} } @media screen and (max-width:770px){ .modal-dialog .modal-content {width: 100% !important; min-width:320px !important;} /*#WS_container * {*/ /* box-sizing: border-box !important;*/ /*}*/ /* html, body{height: 100%;overflow: hidden;} body{ position: fixed;left: 0;right: 0; margin: 0;} */ #WS_container ._next_div span {margin: 0 5% !important;float: left;width: 40%;display: block;} #WS_loading>p{margin: 16px 0 !important;} #WS_loading{width: 35% !important;left: 46% !important;} #WS_container ._closer{width: 25px !important;height: 25px !important;} #WS_container ._closer img{width: 40% !important;} #WS_container ._lang_list{height: 30px;} #WS_container ._step_one{width: 92% !important;box-sizing: border-box;/*margin-left: -48% !important;*/ /*margin-top: -50% !important;*/} /* */ #WS_container ._step_two, #WS_container ._step_three, #WS_container ._step_four, #WS_container ._step_ten, #WS_container ._step_five, #WS_container ._step_six, #WS_container ._step_seven,#WS_container ._step_eight, #WS_container ._step_nine, #WS_container ._step_eleven, #WS_container ._step_twelve{width: 92% !important;box-sizing: border-box;/*margin-left: -48% !important;*/ /*margin-top: -70% !important;*/} #WS_container ._step_two ._col:nth-of-type(1){display: none;} #WS_container ._step_two ._col:nth-of-type(2){margin-left:0 !important;width: 100% !important;} /* 380px 进入页面后根据当前手机的高度 动态设定 当前高度减去130px*/ #WS_container ._step_two ._second_block{width: 100% !important;padding: 20px 20px !important;overflow: auto;box-sizing: border-box;} #WS_container ._step_two ._input ._input_text{width: 92% !important;font-size: 14px !important;} #WS_container ._step_two ._row{line-height: 20px !important;font-size: 15px !important;} #WS_container ._step_two ._second_block ._row{margin-bottom: 8px !important;} #WS_container ._step_two ._input{margin-bottom: 10px;} #WS_container ._step_two ._second_block>:nth-of-type(4){line-height: 30px !important; display:flex; justify-content: center;} #WS_container ._step_two ._btn._site{margin-left:0; font-size:16px;} /* */ #WS_container ._btn{padding: 5px 20px !important; font-size:16px; margin:0 8px;} #WS_loading ._loading_bar{width: auto !important;} #WS_loading p{line-height:24px;} #WS_loading ._loading_inner_bar{left: auto !important;} /* */ /*#WS_container ._step_three {!*height:630px;*! height:530px;}*/ #WS_container ._step_three ._header div{float: left !important; /*margin-left: 0px !important;*/} #WS_container ._step_three ._row{font-size: 16px !important;margin-bottom: 8px !important; } #WS_container ._step_three ._center{padding: 0 !important;} #WS_container ._step_three ._col{margin-left: 0 !important; width: 100% !important;} #WS_container ._step_three ._second_block ._title{font-size: 16px !important;} #WS_container ._step_three ._second_block{padding: 16px 20px !important;width: 100% !important;box-sizing: border-box;} #WS_container ._step_three ._second_block ._s_words{line-height: 14px} #WS_container ._step_three ._header ._img{margin-right: 10px; width:40px;} #WS_container ._step_three ._second_block ._gift_img img{max-width:170px;} #WS_container ._step_three ._second_block {height:auto;} #WS_container ._step_three ._gift_diff_div div._gift_promo img._promo_img{max-height: 90px;} #WS_container ._step_three ._gift_diff_div div._gift_money div._gift_money_right span._gift_card_number{top: 10px;} #WS_container ._step_three>._row:nth-of-type(5){ overflow:auto; display:flex; flex-direction:column;} /* 380px 高度 */ /* 380px 高度 以下380的高度都是overflow框的高度 可以根据当前屏幕的高度来弄 667 / 380 */ #WS_container ._step_four ._col:nth-child(1){display: none;} /* 这里的420 是根据当前页面的高度减去 */ #WS_container ._step_four ._next_div span{margin:0 8px;} #WS_container ._step_four ._col:nth-child(2){width:100% !important;height: 420px !important;overflow: auto !important;} #WS_container ._step_four ._col{margin-left: 0 !important;} #WS_container ._step_four ._out_border{width: 100% !important;} #WS_container ._step_four ._col li._item p{line-height: 20px !important;} #WS_container ._step_four ._row{margin-bottom: 0 !important;padding-bottom: 0 !important;} #WS_container ._step_four ._next_div{margin-bottom: 0 !important;} #WS_container ._step_four ._out_border ._inner_border_1{min-height: 550px !important;} #WS_container ._step_four ._inner_border_2 ._row:nth-child(3){display:flex; flex-direction: column;} /* 380px 高度 */ /* 380px 高度 以下380的高度都是overflow框的高度 可以根据当前屏幕的高度来弄 667 / 380 */ #WS_container ._step_ten ._col:nth-child(1){display: none;} /* 这里的420 是根据当前页面的高度减去 */ #WS_container ._step_ten ._next_div span{margin:0 8px;} #WS_container ._step_ten ._col:nth-child(2){width:100% !important;height: 420px !important;overflow: auto !important;} #WS_container ._step_ten ._col{margin-left: 0 !important;} #WS_container ._step_ten ._out_border{width: 100% !important;} #WS_container ._step_ten ._col li._item p{line-height: 20px !important;} #WS_container ._step_ten ._row{margin-bottom: 0 !important;padding-bottom: 0 !important;} #WS_container ._step_ten ._next_div{margin-bottom: 0 !important;} #WS_container ._step_ten ._out_border ._inner_border_1{min-height: 550px !important;} #WS_container ._step_ten ._inner_border_2 ._row:nth-child(3){display:flex; flex-direction: column;} /* */ #WS_container ._step_five ._row ._error_tips{line-height: 13px;} #WS_container ._step_five ._col:nth-child(1){display: none;} /* 380px 高度 */ #WS_container ._step_five ._col:nth-child(2){width:100% !important;height: 380px !important;overflow: auto !important; margin-left: 0 !important;} #WS_container ._step_five ._out_border{width: 100% !important;} #WS_container ._step_five ._col li._item ._comment{width: 99% !important;padding: 0 !important;} #WS_container ._step_five ._out_border ._inner_border_2{box-sizing: border-box !important;width: 100% !important;} #WS_container ._step_five ._out_border::after{display: table;clear: both;content: ''} #WS_container ._step_five ._out_border::before{display: table;clear: both;content: ''} #WS_container ._step_five ._out_border ._inner_border_1{min-height: unset !important;} #WS_container ._step_five ._out_border{padding-bottom: 0 ;margin-bottom: 0 !important;} /* 530px 高度 根据._inner_border_2 的高度来 + 20px*/ #WS_container ._step_five ._out_border ._inner_border_1{min-height: 530px !important;} /* */ #WS_container ._step_six ._next_div span{margin:0 8px;} #WS_container ._step_six ._col:nth-child(1){display: none;} /*#WS_container ._step_six ._col:nth-child(2){width:100% !important;height: 380px !important;overflow: auto !important;}*/ #WS_container ._step_six ._out_border{width: 100% !important; padding-bottom: 0 !important; margin-bottom: 0 !important;} #WS_container ._step_six ._next_div{margin-bottom: 0 !important;} #WS_container ._step_five ._next_div span{margin: 0 8px;} #WS_container ._step_six ._col{margin-left: 0 !important;} #WS_container ._step_six ._input ._input_textarea{width: 90% !important;} #WS_container ._step_six ._input ._input_text{width: 90% !important;} /* */ #WS_container ._step_seven ._out_border{width: 100% !important;padding-bottom: 0 !important;} /* */ #WS_container ._step_eight ._out_border{width: 100%;} #WS_container ._step_eight ._amz_review_btn_container {margin-top:0;} #WS_container ._step_seven ._cp_pm_code_btn{display: block; margin: 0 auto; padding: 5px !important;} } @media screen and (max-width:420px){ #WS_container ._step_two ._second_block{max-height:470px;} #WS_container ._font_customize{font-size: 32px !important; line-height:36px !important;} #WS_container ._step_three ._row{font-size: 14px !important;} /*#WS_container ._step_three ._row span{line-height: 18px !important;}*/ #WS_container ._row{line-height: 1.5;} #WS_container ._step_four ._out_border ._inner_border_1{min-height: 470px !important;} #WS_container ._step_four ._col:nth-child(2){height: 365px !important;} #WS_container ._step_ten ._out_border ._inner_border_1{min-height: 470px !important;} #WS_container ._step_ten ._col:nth-child(2){height: 365px !important;} #WS_container ._step_five ._out_border ._inner_border_1{min-height: 430px !important;} #WS_container ._step_five ._col:nth-child(2){height: 260px !important;} /*#WS_container ._step_six ._out_border ._inner_border_1{min-height: 470px !important;}*/ /*#WS_container ._step_six ._col:nth-child(2){height: 320px !important;}*/ #WS_container ._step_eight ._mobile_amz_review_btn{display: block; font-size: 14px; line-height: 20px; } #WS_container ._step_six ._input ._input_text{ font-size:14px;} #WS_container ._step_six ._input ._input_textarea{ font-size:14px;} #WS_container ._step_eight ._amz_review_btn_container {margin-top:-15px;} #WS_container ._step_eight ._out_border ._inner_border_2{ overflow: auto;} ._comment{ padding:0 0; } } @media screen and (max-width:350px){ #WS_container ._btn{font-size:12px;} #WS_container ._step_three {height:530px;} #WS_container ._font_customize{font-size: 24px !important; line-height:30px !important;} #WS_container ._row{font-size: 18px !important;} #WS_container ._step_seven ._out_border ._inner_border_1{min-height: 380px !important;} #WS_container ._step_three>._row:nth-of-type(5){height: 290px;overflow: auto;} } /* customer css */ input{outline:none} .field_input { background-color: white; color: #333333; border-color: #d9d9d9; } .nowrap{ white-space: nowrap } span.step_tip{ font-size: .9rem; } a, a:active, a:link, a:visited { text-decoration: none; color: #0066c0; } .small-tip{ font-size: .8rem; } @media screen and (max-width:400px) { #WS_container{ margin-top:1rem; } } .cap-text { text-transform: capitalize; } textarea{ outline: none; } #gift-container,#cash-back-container{ display: none; } .a-input-text, input[type=text], input[type=search], input[type=number], input[type=tel], input[type=password], select, textarea { border: 1px solid #a6a6a6; border-top-color: #949494; border-radius: 3px; box-shadow: 0 1px 0 rgb(255 255 255 / 50%), 0 1px 0 rgb(0 0 0 / 7%) inset; outline: 0; } h2 { font-weight: 700; font-size: 21px; line-height: 1.3; } .a-text-bold{ font-weight: 700!important; } .a-text-media{ font-size: 1.2rem; } div.gift-type-container{ margin-top:1rem; } h3{ font-weight: 700; font-size: 17px; line-height: 1.255; } h3,h4{ padding-bottom: 4px; } /*succ page*/ hr { background-color: transparent; display: block; height: 1px; border-width: 0; border-top: 1px solid #e7e7e7; line-height: 19px; margin-top: 0; margin-bottom: 14px; } #step_seven p:last-child { padding-bottom: 1.5rem; } a.chat-button{ line-height: 1; padding:5px 10px; background-color:#0066c0; color:#FFF; border-radius: 5px; display: inline-block; }