123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596 |
- /*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;
- }
|