#price { background: #fff; } .pricingTable { border: 1px solid #ddd; text-align: center; color: #333; padding: 10px 0px; margin-top: 40px; position: relative; /* »ÆÉ«border-top: 5px solid #bc0d11;*/ display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 218px; width:282px; background-image: url('../images/rongyu/zizhi.png'); background-repeat:no-repeat; background-size:contain; } .pricingTable .flex_item{ width:100%; padding:5px 0px; } .pricingTable.active { margin-top: -10px; padding-top: 90px; background: #f9f9f9; padding-bottom: 65px; } .pricingTable.active , .pricingTable:hover { /*border: 1px solid #d71920;*/ } .pricingTable .pricing-icon { width: 80px; height: 80px; border-radius: 50%; background: #fff; border: 1px solid #ddd; position: absolute; top: -40px; left: 50%; padding: 10px; transform: translateX(-50%); transition: all 0.5s ease 0s; } .pricingTable.active .pricing-icon , .pricingTable:hover .pricing-icon { border: 1px solid #d71920; background: #d71920; } .pricingTable .pricing-icon i { width: 100%; height: 100%; line-height: 58px; border-radius: 50%; background: #d71920; font-size: 30px; color: #fff; transition: all 0.5s ease 0s; } .pricingTable.active .pricing-icon i , .pricingTable:hover .pricing-icon i { color: #d71920; background: #fff; } .pricingTable .price-Value { display: inline-block; font-size: 16px; color: #404040; position: relative; font-weight:600; } .pricingTable .currency { font-size: 25px; position: absolute; top: 18px; left: -18px; } .pricingTable .month { display: block; font-size: 17px; text-transform: capitalize; } .pricingTable .pricingHeader { position: relative; /*z-index: 1;*/ } /* .pricingTable .pricingHeader:after { content: ""; width: 100%; height: 1px; background: #ddd; position: absolute; top: 50%; left: 0; z-index: -1; }*/ .pricingTable .title { width: 90%; margin-left: 5%; background: #fff; margin: 0px auto 15px; font-size: 14px; font-weight: 600; text-transform: uppercase; position: relative; z-index: 1; color: #b32c23; /* color: #ef3800;*/ } .pricingTable p { display: block; text-align: center; padding: 0; margin: 0; font-size: 13px; text-transform: uppercase; font-weight: 400; color: #555; line-height: 16px; color: #8a8a8a; } .pricingTable .month , .pricingTable .pricing-content ul { list-style: none; list-style-type: none; padding: 0; margin: 0; font-size: 14px; text-transform: uppercase; font-weight: 400; color: #555; line-height: 26px; margin-bottom: 10px; } .pricingTable .pricing-content { padding-bottom: 5px; text-align: center; word-break: normal; } .pricingTable .pricing-content p { display: block; text-align: center; padding: 0; margin: 0; font-size: 13px; text-transform: uppercase; font-weight: 400; color: #555; line-height: 16px; color: #8a8a8a; } .pricingTable .pricing-content p.height_26 { display: block; text-align: center; padding: 0; margin: 0; font-size: 14px; text-transform: uppercase; font-weight: 400; color: #555; line-height: 26px; height: 26px; color: #8a8a8a; } .pricingTable .pricing-content ul li{ margin:0px 10px; list-style: none;list-style-type: none;} .pricingTable .pricingTable-signup { display: inline-block; font-size: 15px; font-weight: 600; color: #fff; background: #d71920; border: 1px solid #d71920; padding: 5px 20px; transition: all 0.5s ease 0s; } .pricingTable.active .pricingTable-signup , .pricingTable .pricingTable-signup:hover { background: #fff; color: #d71920; } @media only screen and (max-width:990px) { .pricingTable { margin-bottom: 20px; } } @media only screen and (max-width:767px) { .pricingTable { margin-bottom: 60px; } } @media only screen and (max-width:480px) { .pricingTable { margin-bottom: 20px; } } .size_12{font-size:12px;} .size_10 { font-size: 10px; margin-right:5px; } .zizhi_list { border-top: solid 1px #eee; } .zizhi_list li { border: solid 1px #eee; margin-bottom: 0px !important; padding: 8px 15px !important; border-top:none; } .zizhi_list li a{display:block;} .zizhi_list p.zizhi_list_level { margin-left: 20px; float: none; display: inline-block; } ul.zizhi_rongyu_Page_tabs { list-style: none; margin-top: 40px; margin-bottom: 50px; width: 100%; display: flex; flex-direction: row; justify-content: center; padding-left: 0px; font-size: 30px; font-size: 3rem; } ul.zizhi_rongyu_Page_tabs li { box-shadow: 0px 8px 12px #eaeaea; margin-right: 15px; margin-left: 15px; padding: 5px 30px; cursor: pointer; } ul.zizhi_rongyu_Page_tabs li.active { border-radius:5px; background-color: #b32c23; } ul.zizhi_rongyu_Page_tabs li a { color: #b32c23; } ul.zizhi_rongyu_Page_tabs li.active a { color: #fff; } ul.zizhi_rongyu_Page_tabs2 li { font-size: 18px; border: 1px dashed #f3441e; margin-right: 11px; padding: 5px 30px; cursor: pointer; } ul.zizhi_rongyu_Page_tabs2 li a { color: #f3441e; } ul.zizhi_rongyu_Page_tabs2 li.active { border: 1px solid #f3441e; background-color: #f3441e; }