.yv2_reduced{ width: 446px; position: fixed; left: 50%; margin-left: -223px; top: 18%; background: #fff; z-index: 100; height: auto; } .yv2_reduced_bg{ position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 99; } .yv2_reducedBox{ position: relative; width: 100%; height: auto; padding: 38px 0; } .yv2_reducedBox .yv2_reduced_gb{ position: absolute; right: 15px; top: 15px; z-index: 2; width: 24px; height: 24px; } .yv2_reducedBox .yv2_reduced_gb img{ width: 100%; height: 100%; } .yv2_reducedBox .yv2_reduced_main{ width: 350px; margin: 0 auto; } .yv2_reducedBox .yv2_reduced_main .yv2_reduced_title{ font-size: 24px; font-weight: bold; color: #343434; } .yv2_reducedBox .yv2_reduced_main .yv2_reduced_ico{ margin-top: 20px; width: 100%; height: auto; } .yv2_reducedBox .yv2_reduced_main .yv2_reduced_ico img{ width: 100%; height: auto; } .yv2_reducedBox .yv2_reduced_main .yv2_reduced_text{ margin-top: 15px; font-size: 14px; color: #666; line-height: 23px; } .yv2_reducedBox .yv2_reduced_main .yv2_reduced_text em{ color: #FF584A; } .yv2_reducedBox .yv2_reduced_main .yv2_reduced_form{ margin-top: 18px; } .yv2_reducedBox .yv2_reduced_main .yv2_reduced_form .in_text{ position: relative; width: 100%; height: 48px; border-radius: 4px; border:1px solid #eee; display: -webkit-flex; /* Safari */ display: flex; justify-content:flex-start; align-items: center; margin-top: 10px; background: #fff; } .yv2_reducedBox .yv2_reduced_main .yv2_reduced_form .in_text img{ display: inline-block; width: 20px; height: 20px; margin-right: 12px; margin-left: 12px; } .yv2_reducedBox .yv2_reduced_main .yv2_reduced_form .in_text input{ width: 300px; height: 45px; font-size: 16px; color: #666; border:none; background: #fff; } .yv2_reducedBox .yv2_reduced_main .yv2_reduced_form .in_xuanze{ position: relative; width: 100%; margin-top: 10px; display: none; } .yv2_reducedBox .yv2_reduced_main .yv2_reduced_form .in_xuanze i{ display: inline-block; width: 0; height: 0; border-width: 6px; border-style: solid; border-color: #CFCFCF transparent transparent transparent; position: relative; right: 8px } .yv2_reducedBox .yv2_reduced_main .yv2_reduced_form .in_xuanze p.in_text_top{ width: 100%; height: 50px; border-radius: 4px; border:1px solid #eee; background: #fff; display: -webkit-flex; /* Safari */ display: flex; justify-content:flex-start; align-items: center; } .yv2_reducedBox .yv2_reduced_main .yv2_reduced_form .in_xuanze p.in_text_top img{ display: inline-block; width: 20px; height: 20px; margin-left: 12px; margin-right: 12px; } .yv2_reducedBox .yv2_reduced_main .yv2_reduced_form .in_xuanze p.in_text_top input{ width: 300px; height: 45px; font-size: 16px; color: #666; border:none; background: #fff; } .yv2_reducedBox .yv2_reduced_main .yv2_reduced_form .in_xuanze .in_text_show{ position: absolute; left: 0px; top: 50px; width: 100%; height: 200px; overflow-y:auto; overflow-x:hidden; z-index: 3; background: #fff; border:1px solid #eee; display: none; } .yv2_reducedBox .yv2_reduced_main .yv2_reduced_form .in_xuanze .in_text_show a{ display: block; font-size: 16px; color: #666; padding: 0 20px; height: 40px; line-height: 40px; } .yv2_reducedBox .yv2_reduced_main .yv2_reduced_form .in_xuanze .in_text_show a:hover{ background: #f9f9f9; color: #43A6F5; } .yv2_reducedBox .yv2_reduced_main .yv2_reduced_form .in_xuanze .in_text_show a.on{ background: #f9f9f9; color: #43A6F5; } .yv2_reduced_buttom{ margin-top: 30px; width: 100%; height: auto; } .yv2_reduced_buttom a{ display: inline-block; font-size: 20px; color:#fff; font-weight: bold; height: 50px; background: #44A6F5; border-radius: 4px; width: 100%; text-align: center; line-height: 50px; } .js_yv2_reduced_text_foot{ font-size: 14px; color: #979797; margin-top: 10px; text-align: center; display: none; } /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ .yv2_reducedBox .yv2_reduced_main .yv2_reduced_form .in_xuanze .in_text_show::-webkit-scrollbar{ width: 5px; /*滚动条宽度*/ height: 10px; /*滚动条高度*/ } /*定义滚动条轨道 内阴影+圆角*/ .yv2_reducedBox .yv2_reduced_main .yv2_reduced_form .in_xuanze .in_text_show::-webkit-scrollbar-track { border-radius: 10px; /*滚动条的背景区域的圆角*/ background-color: rgba(0, 0, 0,0);/*滚动条的背景颜色*/ } /*定义滑块 内阴影+圆角*/ .yv2_reducedBox .yv2_reduced_main .yv2_reduced_form .in_xuanze .in_text_show::-webkit-scrollbar-thumb{ border-radius: 10px; /*滚动条的圆角*/ background-color: #CBCBCB; /*滚动条的背景颜色*/ }