/*Tab Box 切换*/ * { margin:0; padding:0; } .tab-box-container{ padding: 20px; } .tab-box-container ul,li { list-style:none; } .tab-box-container ul { overflow:hidden; margin: 0; } .tab-box-container li { font-size: 14px; float:left; color:#0674f9; padding:10px 20px; margin-right:10px; cursor:pointer; border:1px solid #ccc; transition:all ease .3s; } .tab-box-container .box { margin:10px auto; position:relative; border: none!important; box-shadow: none!important; } .tab-box-container li:hover { background:#0674f9; color:#fff; } .tab-box-container li.tabin { background: #0674f9; color: #fff; } .tab-box-container .content-box { width:100%; height:auto; background:#fafdff; left:0; } .tab-box-container .content { width: 100%; clear:both; padding:10px; display: none; transition:all ease .3s; padding: 20px 20px 50px 20px; top:0; left:0; } .tab-box-container .contentin { display: inline-block ; } .tab-box-container .content h1 { font-size:18px; font-weight: bolder; margin-bottom:20px; margin-top:20px; } .tab-box-container .content p { font-size:14px; } /*checkbox 带边框*/ .wh-label{ width: 12.3%; text-align: right; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; padding-top: 7px; margin-bottom: 0; } .wh-checkbox-style{ width: 80%; float: left; position: relative; min-height: 1px; margin-left: 15px; margin-bottom: 0; padding: 15px; border: 1px solid #e5e6e7; border-radius: 4px; background: #fff; } .m-t-20{ margin-top:20px; }