body { font-family: "微软雅黑"; } .fl { float: left; } .WH ul li { float: left; } .clearflow:after { content: ""; display: block; clear: both; } .input { outline: none; } .WH { margin: 0 auto; height: 650px; overflow: hidden; position: absolute; top: 120px; left: 230px; padding-right: 10px; background: rgb(245, 245, 245); overflow: hidden; } .Color { border: 1px solid #249fea; border-radius: 5px; height: 100%; } .WH-top { background-color: #249fea; height: 42px; } .WH-top span { font-size: 16px; color: #FFFFFF; line-height: 42px; margin-left: 25px; } .Cotent_box { margin-top: 25px; height: calc(100% - 68px); } .closes { width: 30px; height: 30px; display: block; float: right; background: #CCCCCC; border-radius: 50%; /* display: block; */ position: relative; top: 5px; left: -5px; } .closes a { display: block; position: absolute; color: #fff; top: -5px; left: 10px; } /*键盘*/ .KeyWord { background: #FFFFFF; padding-top: 20px; height: 100%; } .hidens { display: none !important; } .img { display: block; cursor: pointer; width: 27px; height: 21px; background: url(../img/remove.png); position: absolute; right: 0; top: 15px; } .WH_Itop { position: relative; } .WH_Itop input { width: 100%; font-size: 30px; padding: 5px; outline: none; border: none; padding-left: 30px; letter-spacing: 2px; } .Num_box ul { padding: 0; padding-top: 20px; overflow-y: hidden; } .Num_box ul li { width: 33%; margin-bottom: 15px; } .Num_box ul li div { width: 80px; height: 80px; display: block; border: 1px solid rgb(49, 49, 49); border-radius: 50%; text-align: center; margin-right: 5px; margin: auto; cursor: pointer; } .Num_box ul li div a { line-height: 80px; font-size: 30px; color: rgb(49, 49, 49); } .Num_box ul li div:hover { box-shadow: 1px 1px 18px rgba(0, 0, 0, .4); } .actives { background: #249fea; border: 1px solid #249fea !important; color: #FFFFFF !important; } .Last_phone { width: 100% !important; } .Last_phone div { background: #249fea !important; border: none !important; } .CallOut { width: 80px; height: 80px; display: block; background: url(../img/CallPhone.png) no-repeat; background-position: center center; } /*表格*/ .Rbg { height: 100%; } .bg { background: #fff; border-top: 10px solid rgb(231, 234, 236); padding: 15px; height: 100%; } .bg_title { padding: 10px; border-bottom: 1px solid #ccc; padding-bottom: 0; margin-bottom: 20px; } .bg_title li { padding: 5px 15px; color: #000000; letter-spacing: 2px; font-size: 14px; cursor: pointer; } .lactive { background-color: #249fea; color: #fff !important; } .callout_search { margin-bottom: 15px; } .callout_search input.form-control { margin-right: 20px; } .sc_btns { font-size: 12px; background-color: #ffffff; color: #249fea; border: 1px solid #409eff; } .phone_bg { width: 100%; } .phonediv { display: none; } .show_phonediv { display: block; } @media (min-width: 768px) { .form-inline .form-control { width: 260px; } }