@charset "utf-8"; .btn { font-size: 0.28rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-width: 1.67rem; height: 0.54rem; color: #333333; border: 0.02rem solid #d5d5d5; -webkit-border-radius: 0.04rem; border-radius: 0.04rem; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .btn_lg { font-size: 0.36rem; min-width: 1.8rem; height: 0.84rem; } .btn_red { color: #fff; border: none; background: #db384c; } .btn_de { color: #fff; border: none; background: #888; } .com_checkbox { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 0.4rem; height: 0.4rem; border: #888 solid 2px; -webkit-border-radius: 50%; border-radius: 50%; } .com_checkbox:checked { position: relative; border-color: #db384c; background-color: #db384c; } .com_checkbox:checked:after { position: absolute; top: 0.07rem; left: 0.03rem; display: block; width: 0.24rem; height: 0.12rem; content: ''; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); border-bottom: #ffffff solid 0.04rem; border-left: #ffffff solid 0.04rem; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { appearance: none !important; -webkit-appearance: none !important; margin: 0; } input[type="number"] { -moz-appearance: textfield; } .fnwap_number { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; width: 1.72rem; border: 1px solid #d5d5d5; -webkit-border-radius: 0.04rem; border-radius: 0.04rem; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .fnwap_number .nr_left, .fnwap_number .nr_right { font-size: 0.36rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 0.56rem; height: 0.56rem; background: #eeeeee; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .fnwap_number .nr_left { border-right: 1px solid #d5d5d5; } .fnwap_number .nr_right { border-left: 1px solid #d5d5d5; } .fnwap_number input { display: block; min-width: 0; margin: 0 0.06rem; text-align: center; border: none; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .fnwap_choice_circle .new_copy { width: 0.4rem; height: 0.4rem; line-height: 0.4rem; border: 0.02rem solid #d5d5d5; -webkit-border-radius: 50%; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: 0.18s; transition: 0.18s; background: #fff; } .fnwap_choice_circle i { display: none; } .fnwap_choice_circle input { display: none !important; } .fnwap_choice_circle input:checked + .new_copy { background: #db384c; border-color: #db384c; } .fnwap_choice_circle input:checked + .new_copy i:nth-child(1) { display: block; color: #fff; } .fnwap_choice_circle input:disabled + .new_copy { border: none; } .fnwap_choice_circle input:disabled + .new_copy i:nth-child(2) { display: block; color: #d5d5d5; font-size: 0.5rem; margin-left: -0.07rem; } .fnwap_input { -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 0.24rem; display: block; width: 100%; padding: 0.06rem 0.12rem; border: 1px solid #d5d5d5; -webkit-border-radius: 0.04rem; border-radius: 0.04rem; background-color: #fff; } .guess_love { padding: 0.25rem 0.24rem 0.2rem; } .guess_love .gl_title { font-size: 0.28rem; margin-bottom: 0.2rem; color: #333333; } .guess_love .gl_adc:after { content: ''; clear: both; display: block; } .guess_love .gl_adc li { width: 1.83rem; float: left; position: relative; } .guess_love .gl_adc li a { max-width: 1.6rem; padding: 0 0.05rem; display: block; margin: 0 auto; } .guess_love .gl_img img { max-width: 100%; margin: 0 auto; height: 1.5rem; } .guess_love .gl_name { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 0.34rem; font-size: 0.24rem; color: #666666; font-weight: 100; margin: 0.07rem 0 0.06rem; height: 0.68rem; } .guess_love .gl_price { color: #db384c; font-size: 0.24rem; } .set { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .set .set_ip { margin: 0 1rem; padding: 0 0.2rem 0 0.16rem; height: 0.64rem; -webkit-border-radius: 0.04rem; border-radius: 0.04rem; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; background: #d5d5d5; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .set .set_ip > * { display: block; color: #666666; } .set .set_ip input { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border: none; color: #333333; margin-right: 0.2rem; } .set .set_ip > :nth-child(1) { font-size: 0.4rem; color: #888888; } .set .set_ip > :nth-child(3) { padding: 0.03rem; -webkit-border-radius: 50%; border-radius: 50%; font-size: 0.18rem; color: #fff; background: #888888; } .set .set_list { position: absolute; right: 0.24rem; top: 0.08rem; text-align: center; font-size: 0.2rem; overflow: hidden; height: 0.8rem; } .set .set_list.type_2 > :nth-child(1) { -webkit-transform: translateY(-0.8rem); -ms-transform: translateY(-0.8rem); transform: translateY(-0.8rem); } .set .set_list.type_2 > :nth-child(2) { -webkit-transform: translateY(-0.8rem); -ms-transform: translateY(-0.8rem); transform: translateY(-0.8rem); } .set .set_list i { display: block; font-size: 0.4rem; } .set .set_list > div { -webkit-transition: 0.2s; transition: 0.2s; height: 0.8rem; } .search { padding: 0.06rem 0.24rem 0.15rem; } .search h3 { font-weight: 100; font-size: 0.28rem; line-height: 0.7rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .search h3 .iconfont { display: block; font-size: 0.4rem; color: #888888; } .search h3 .iconfont a { color: #888888; } .sh_ul:after { clear: both; content: ""; display: block; height: 0; overflow: hidden; } .sh_ul > li { font-size: 0.28rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-width: 1.67rem; height: 0.54rem; color: #333333; border: 0.02rem solid #d5d5d5; -webkit-border-radius: 0.04rem; border-radius: 0.04rem; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; float: left; margin: 0 0.15rem 0.15rem 0; max-width: 100%; border-width: 1px; min-width: 0; color: #666666; } .sh_ul > li a { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0 0.3rem; }