.ss_pop {position:fixed; top:-100%; left:0; width:100%; height:100%; background-color:rgba(229,54,140,.9); z-index:10000; -webkit-transition:top .5s; -moz-transition:top .5s; -ms-transition:top .5s; -o-transition:top .5s; transition:top .5s; } .ss_pop.open {top:0;} .ss_form>h1 {font-size:30px; margin-bottom:30px; color:#fff;} .ss_bg {width:100%; height:300px; background-repeat:no-repeat; background-position:center; background-size:cover;} .ss_form {width:900px; max-width:90%; position:absolute; top:50%; z-index:2; left:0; right:0; font-size:20px; margin:auto; -webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%); } .ss_form form {width:100%;} .ss_form input { -webkit-appearance:none; resize: none; border-radius:0; outline: none; border:none; background-color:transparent; font-family:inherit; font-size:inherit; color:inherit; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; vertical-align:middle;} .ss_input {position:relative;} .ss_form .input {width:100%; height:70px; border-bottom:1px solid #dcdddd; padding-right:50px; color:#fff;} .ss_form .submit {width:18px; height:18px; background:url(/Statics/images/ss_bar.png) no-repeat center; position:absolute; top:0; bottom:0; right:20px; margin:auto;} .ss_type {font-size:16px; color:#fff; margin-top:10px;} .ss_type>span,.ss_type input,.ss_type label {display:inline-block; vertical-align:middle; margin-right:15px;} .ss_type input {width:15px; height:15px; border:4px solid #fff; border-radius:50%; margin-right:5px; cursor:pointer;} .ss_type input:checked {background-color:#fff;} .ss_type label {cursor:pointer;} .ss_form input::-webkit-input-placeholder{color:#ccc;} .ss_form input::-moz-placeholder{color:#ccc;} .ss_form input:-moz-placeholder{color:#ccc;} .ss_form input:-ms-input-placeholder{color:#ccc;} .gb_pop {display:block; width:41px; height:41px; background:url(/Statics/images/gb_pop.png) no-repeat center; position:absolute; top:70px; right:70px; cursor:pointer;} @media only screen and (max-width: 640px){ .ss_form>h1 {font-size:24px; margin-bottom:15px;} .ss_bg {height:200px;} .ss_form {font-size:14px;} .ss_form .input {height:40px;} .ss_form .submit {height:40px;} .gb_pop {top:30px; right:30px;} }

开始搜索