
.tips-container {
    text-align:center;
    display:flex;
    margin: 10px auto 0;
    flex-wrap:wrap; 
    max-width:700px;
    padding: 0 50px;
}

.step_1_title {
font-size: 36px;
display: flex;
justify-content:center;
width:100%;
flex-wrap: wrap;
align-items: center;
}
.step_1_title--i {
width:63px;
height:63px;
background:linear-gradient(170deg,rgba(255,223,137,1) 0%,rgba(247,140,0,1) 100%);
border-radius: 50%;
}

.pre-title {
flex-shrink: 0;
white-space: nowrap;
}
.pre-title p{
font-size:40px;
font-family:HelveticaNeue-Bold,HelveticaNeue;
font-weight:bold;
color:rgba(51,51,51,1);
margin-bottom:0;
margin-left: -28px;
}
.step_1_title--shop{
text-align: center;
font-size:16px;
font-family:PingFangSC-Regular,PingFang SC;
font-weight:400;
color:rgba(102,102,102,1);
margin: 16px 0 10px;
padding: 0 20px;
}
.suf-title {
width: 150px;
flex-shrink: 0;
}

.pricing_box {
position: relative;
margin-top: 2rem;
margin-bottom: 0rem;
text-align: center;
height: auto;
border-radius:10px;
overflow: hidden;
width: 365px;
margin: 2rem 3rem 0rem;
}

.pricing_box_standard{
height:140px;
background:linear-gradient(42deg,rgba(255,223,137,1) 0%,rgba(247,141,0,1) 100%);
}
.pricing_box_standard>p{
padding: 0 12px;
font-size:16px;
font-family:PingFangSC-Regular,PingFang SC;
font-weight:400;
color:rgba(51,51,51,1);
}
.pricing_box_standard-title{
display: flex;
justify-content: center;
padding-top: 13px;
}
.pricing_box_standard-title p{
font-size:28px;
font-family:AlibabaPuHuiTi-Bold,AlibabaPuHuiTi;
font-weight:bold;
color:rgba(51,51,51,1);
}

.pricing_box_more {
padding: 2rem;
padding-bottom: 2.5rem;
height: 240px;
margin-top: 2rem;
margin-bottom: 1rem;
}

.pricing_box .iconbox_icon {
margin-bottom: 1rem;
}

.pricing_box strong {
font-weight: normal;
}

.pricing_box .title {
margin: 0 auto 10px;
padding-bottom: 10px;
width: 80%;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
font-size: 18px;
}

/* .pricing_box .btn {
margin: 0 auto;
width: 80%;
line-height: 38px;
background-image: none;
border: 0;
background-color: #f89406;
color: #fff;
text-shadow: 0 0 0;
border-radius: 0;
} */

.pricing_box .btn-default {
color: #333;
background-color: #e6e6e6;
}

.pricing_box .btn-info {
position: relative;
left: 0;
bottom: 0;
width: auto;
}

.pricing_box .label-warning {
margin: 0 2px;
font-weight: normal;
}

/* .pricing_box:hover {
box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2);
transition: all 0.3s;
transition: all .3s
} */


.pricing_box_list li p {
margin: 0;
padding: 0;
text-align: left;
}
.pricing_box_list li p>span{
font-family:PingFangSC-Semibold,PingFang SC;
font-weight:600;
color:rgba(51,51,51,1);
}
.pricing_box_list li {
/* padding-bottom: .2rem; */
margin: 16px 28px;
display: flex;
}
.pricing_box_list {
color: #666;
margin-top: 31px;
}

.pricing_box_price{
display: flex;
justify-content: center;
height: 36px;
align-items: baseline;
margin-top: 40px;
}
.pricing_box_list strong {
// color: #666;
}

.pricing_box_list_more {
height: 50px;
}

.pricing_box_list li::before {
content: "";
flex-shrink: 0;
width: 16px;
height: 16px;
margin-right: 8px;
border-radius: 50%;
background: #FFF8E6 url("/images/ok.png") center / contain no-repeat;
}
.align-center {
text-align: center;
}

ul {
margin: 0;
}

ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}

ul.side-nav.full,
ul.side-nav.fixed {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

ul {
list-style-type: none;
padding: 0;
}

.pricing_box {
box-shadow: #3333 1px 1px 10px 1px;
}

.pricing_box.pricing_box_free {
border: solid 2px #49afcd;
}

.pricing_box.pricing_box_vip {
border: solid 2px #5bb75b;
}

.pricing_box_my_active {
border: solid 1px #FFA500;
box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2)
}

.pricing_box_my_active .title {
border-color: #FFA500;
}

.pricing_box_my_active_icon {
color: #fff;
height: 30px;
width: 100px;
position: absolute;
right: -30px;
text-align: center;
line-height: 30px;
font-family: "黑体";
background-color: #fbab1b;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

.purchase{
height:50px;
background:linear-gradient(148deg,rgba(255,223,137,1) 0%,rgba(247,140,0,1) 100%);
border-radius:8px;
margin: 0 30px 12px 30px;
display: flex;
align-items: center;
}
.purchase a{
font-size:16px;
font-family:PingFangSC-Semibold,PingFang SC;
font-weight:600;
color:rgba(51,51,51,1);
}
.table .label {
text-shadow: 0 0 0;
font-weight: normal;
}

.goods-content{
    margin: 30px auto 20px;
    width: 80%;
}

@media (min-width: 1200px) {
.goods-content{
    margin: 30px auto 20px;
    width: 80%;
    font-size: 14px;
}
.modal-lg {
    width: 650px;
}
}

@media (max-width: 980px) {
.goods-content{
    margin: 30px auto 20px;
    width: 100%;
    font-size: 12px;
}
.modal-lg {
    width: 650px;
}
}


@media (max-width: 750px) {
.goods-content{
    margin: 30px auto 20px;
    width: 100%;
    font-size: 12px;
}

.footer-img {
    display: none;
}

.footer-beian {
    display: block;
}

.footer-beian a {
    display: block;
}

.footer-beian span {
    display: none;
}

.dingzhi {
    display: none;
}
}

/*导航*/
.NEW {
background-color: #fb551b;
padding: 0;
display: inline-block;
width: 30px;
height: 12px;
line-height: 12px;
position: absolute;
top: 1px;
left: 32px;
}

.xiejiao {
position: absolute;
top: 11px;
right: 8px;
width: 0;
height: 0;
font-size: 0;
border-top: 6px solid #fb551b;
border-right: 8px solid transparent;
border-bottom: 0 solid transparent;
border-left: 0 solid transparent;
}

.diy-input {
background: #666;
color: #fff;
border-radius: 6px;
border: none;
margin: 0 10px 0 -10px;
}

.diy-input::placeholder {
color: #d3d3d3;
}

#reg {
display: inline-block;
width: 80px;
height: 42px;
border-radius: 10px;
display: flex;
justify-content: center;
align-items: center;
margin-top: 4px;
font-size: 16px;
}

#mainnav .website_name {
color: #FFF
}

.footer-js {
float: right;
margin-top: 50px;
}

/*更多套餐*/
.more:focus {
color: #888;
}

a.more {
color: #666;
}

.more:hover {
color: #f89406;
}

.flux {
font-weight: bold;
color: #666;
}

/* end */
.footer-beian {
width: 95%;
margin: 0 auto;
text-align: center;
}

.footer-beian a {
display: inline-block;
text-decoration: none;
height: 20px;
line-height: 20px;
}

/* duibi */
tbody tr,
tfoot tr {
height: 42px;
font-size: 14px;
color: #333;
}

table h3,
table th,
table tfoot td {
text-align: center;
}

tr.even {
background: #fff6e9
}

.tfoot-link {
/**/
height: 32px;
display: block;
margin: 0 auto;
width: 30%;
line-height: 32px;
background: #f89406;
/* border-radius: 10px; */
color: #fff;
}

/* 单价 */
.appreciation {
display: flex;
justify-content: space-around;
}

.appreciation .app-box {
width: 25%;
background: #cccccc;
display: flex;
justify-content: space-around;
}

.app-box img {
width: 90px;
color: #FBAB1B
}

.app-content {
margin-top: 10px;
}

.app-content .app-conp1 {
font-size: 28px;
}

.app-conp {
font-size: 18px;
}

.app-cons {
font-size: 14px;
}

.modal-backdrop.in {
opacity: 0;
}

@media (min-width: 751px) {
.android {
    display: none;
}

.pc {
    display: block;
}

.swal2-popup {
    width: 650px !important;
}
}

.contact-information {
display: flex;
justify-content: space-around;
}

@media (max-width: 750px) {

.pricing_box{
margin: 0 auto;
margin-top: 24px;
margin-bottom: 10px;
}
.appreciation {
    display: block;
}

.goods-content {
    width: 100%;
    font-size: 12px;
}

.appreciation .app-box {
    width: auto;
    margin-bottom: 20px;
}

.android {
    display: block;
}

.pc {
    display: none;
}

.tfoot-link {
    width: 70%;
}

.contact-information {
    display: flex;
    justify-content: space-around;
    flex-flow: wrap;
}

.swal2-popup {
    width: 300px !important;
}

#rocket-to-top {
    transform: scale(.5, .5);
}

.tab .nav-tabs {
    display: inline-block;
    position: relative;
    border-bottom: none;
}

.tab .nav-tabs li {
    margin: 0;
}

.tab .nav-tabs li a {
    display: block;
    padding: 10px 20px 10px;
    background: #fff;
    font-size: 17px;
    font-weight: 700;
    color: #999;
    text-transform: uppercase;
    text-align: center;
    border-radius: 0;
    border: none;
    border-bottom: 2px solid #fff;
    margin-right: 0;
    overflow: hidden;
    z-index: 1;
    position: relative;
    transition: all 0.3s ease 0s;
    white-space: nowrap;
}

.tab .nav-tabs li a span {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #f2f2f2;
    margin: auto;
    font-size: 22px;
    color: #999;
    border-radius: 5px;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    transform: rotate(45deg);
}

.tab .nav-tabs li.active a span {
    background: #29335c;
    color: #fff;
}

.tab .nav-tabs li a span i {
    transform: rotate(-45deg);
}

.tab .nav-tabs li.active a,
.tab .nav-tabs li a:hover {
    color: #999;
    border: none;
    border-bottom: 2px solid #fff;
}

.tab .nav-tabs li.active a {
    border-bottom: 2px solid #29335c;
}

.tab .tab-content {
    color: #757575;
    line-height: 26px;
    text-align: left;
    border-top: 1px solid #e5e5e5;
}

.tab .tab-content h3 {
    font-size: 24px;
    margin-top: 0;
}


@media only screen and (max-width: 479px) {
    .tab .nav-tabs li {
    width: 30%;
    text-align: center;
    margin-bottom: 5px;
    }

    .tab .nav-tabs li:last-child {
    margin-bottom: 0;
    }
}
}
.contact-information img{
padding: 10px;
border-radius: 10px;
border:1px solid #FFAE00;
}
.swal2-styled.swal2-confirm{
background: #FFAE00;
border-left-color:#FFAE00;
border-right-color: #FFAE00;
}
.pricing__goods{
    display: flex;
    justify-content: center;
    flex-direction: row;
}
.goods__box{
    // margin:120px 0 60px;
}
@media only screen and (max-width: 767px){
    .pricing__goods{
    flex-direction: column;
    }
    .goods__box{
    margin:0px 0 20px;
    }
    .pre-title p{
    font-size: 26px;
    }
}