body {
    background: #f8f8f8;
}

.title_one h2 {
    font-size: 1rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
    line-height: 3.75rem;
    display: flex;
    justify-content: center;
}

.title_one p {
    width: 14rem;
    font-size: 0.5rem;
    color: rgba(153, 153, 153, 1);
    display: flex;
    margin: auto;
    text-align: center;
}

.box {
    width: 15rem;
    /* height: 20rem; */
    /* background-color: yellow; */
    margin: 0.5rem auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.child_box {
    width: 4.5rem;
    /* height: 4rem; */
    /* background: #333333; */
    /* display: flex; */
    text-align: center;
    background-color: #ffffff;
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
    border-radius: 0.3rem;
}

.child_box img {
    vertical-align: middle;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    width: 3rem;
}

.child_box p {
    font-size: 0.6rem;
    /* padding-bottom: 0.1rem; */
    color: #333333;
    font-weight: 600;
}

.good {
    width: 100%;
    height: 24.5rem;
    background-color: #ffffff;
    text-align: center;
    /* margin-top: 5rem; */
}

.good h2 {
    font-size: 1rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
    line-height: 3.75rem;
    display: flex;
    justify-content: center;
}

.good p {
    width: 14rem;
    font-size: 0.5rem;
    color: rgba(153, 153, 153, 1);
    display: flex;
    margin: auto;
    text-align: center;
}

.good-one {
    width: 100%;
    height: 6rem;
    /* background: yellow; */
    display: flex;
    justify-content: center;
    justify-content: space-around;
}

/* .text {
    padding-left: 0.2rem;
} */

.good-two {
    width: 100%;
    height: 6rem;
    /* background: lightblue */
    display: flex;
    justify-content: center;
    justify-content: space-evenly;

}

.good-three {
    /* border-right: 0.1rem solid #cccccc; */
    width: 3.5rem;
    height: 5rem;
}

.good-three img {
    margin-top: 2rem;
    width: 3rem;

}

.good-three span {
    font-size: 0.55rem;
    color: #333333;
    font-weight: 600;
    float: left;
    padding-left: 0.1rem;
}














/* .good img {
    width: 14rem;
    height: 14rem;
    margin-top: 2rem;
} */

.thing {
    width: 100%;
    height: 26rem;
}

.thing h2 {
    font-size: 1rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
    line-height: 3.75rem;
    display: flex;
    justify-content: center;

}

.thing p {
    width: 13.3rem;
    font-size: 0.5rem;
    color: rgba(153, 153, 153, 1);
    display: flex;
    margin: auto;
    text-align: center;
}

.child_thing {
    width: 100%;
    height: 20rem;
    /* background: yellow; */
    text-align: center;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.child_thing .child-one {
    width: 4.5rem;
    height: 3rem;
}

.child-one img {
    width: 4rem;
}

.pic {
    width: 100%;
    /* height: 23rem; */
    background: #ffffff;
}

.pic h2 {
    font-size: 1rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
    line-height: 3.75rem;
    display: flex;
    justify-content: center;

}

.pic p {
    width: 13.3rem;
    font-size: 0.5rem;
    color: rgba(153, 153, 153, 1);
    display: flex;
    margin: auto;
    text-align: center;
}

.child_pic {
    width: 100%;
    height: 20rem;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;

}

.box-one {
    width: 7.5rem;
    height: 6rem;
    text-align: center;
}

.box-one img {
    vertical-align: middle;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.box-one p {
    font-size: 0.4rem;
    display: table-cell;
}



.pic h2 {
    font-size: 1rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
    line-height: 3.75rem;
    display: flex;
    justify-content: center;
}

.introduction {
    text-align: center;
    color: #999;
}

.item-box {
    display: flex;
    margin-top: 1rem;
}

.item {
    flex: 1;
    margin: 0 10px;
    text-align: center;
    margin-bottom: 0.8rem;
}

.item-img-wrap {
    margin: 5px 0;
    /* border: dashed 1px #ccc; */
}

.item-img-wrap>img {
    /* max-width: 100%; */
    width: 7rem;
}

.item-name {
    font-size: 0.6rem;
    color: #666;
    margin-bottom: 1rem;
    font-weight: 600;
}


.last {
    width: 100%;
    height: 17.5rem;
    /* margin-top: 6rem; */
}

.last h2 {
    font-size: 1rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
    line-height: 3.75rem;
    display: flex;
    justify-content: center;

}

.last p {
    width: 13.3rem;
    font-size: 0.5rem;
    color: rgba(153, 153, 153, 1);
    display: flex;
    margin: auto;
    text-align: center;
    display: block;
}

.li {
    width: 15rem;
    height: 15rem;
    /* background: yellow; */
    margin: 1rem auto;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.footer img {
    width: 7rem;
}

.footer:nth-child(3) {
    margin-top: -3.75rem;
}

.footer:nth-child(4) {
    margin-top: -3.75rem;
}



















.fin {
    width: 100%;
    height: 10rem;
    background: #ffffff;
}

.fin h2 {
    font-size: 1rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
    line-height: 3.75rem;
    display: flex;
    justify-content: center;
}

.fin-one {
    color: #333333;
    font-size: 0.5rem;
    text-align: center;
}

.fin-one {
    display: flex;
    margin-bottom: 0.3rem;
}

.fin-one img {
    margin-left: 0.5rem;
    margin-right: 0.2rem;
    width: 0.8rem;
    height: 0.8rem;
}

.fin-one p {
    padding-top: 0.1rem;
    padding-left: 0.5rem;
    font-weight: 600;
    font-size: 0.6rem;
}


/*复制微信*/
#copy-wechat {
    display: none !important;
}

.fin .copy {
    width: 14.5rem;
    height: 1.5rem;
    background: green;
    color: #fff;
    font-size: 0.7rem;
    margin-left: 0.7rem;
    border-radius: 0.2rem;
    display: flex;
    justify-content: center;
    outline: none;
    border: none;
}


.copy img {
    width: 1rem;
    height: 1rem;
    /* margin-top: 0.2rem; */
}

.copy p {
    /* padding-top: 0.2rem;
    padding-left: 0.5rem; */
}

@media screen and (max-width: 768px) and (min-width: 480px){
	body #newBridge .nb-invite-body-base, #newBridge .nb-invite-btns, #newBridge .nb-invite-tool-base {
		font-size: 0.7rem;
	}
}
body #newBridge .nb-invite-body-base .nb-invite-ok,body #newBridge .nb-invite-body-base .nb-invite-no{
	font-size:0.7rem
}
body #newBridge .nb-invite-body-base .nb-invite-btns{
	margin-bottom:1.4em
}
body #newBridge .nb-invite-wrap-0 .nb-invite-tool{
	font-size: 3.4em;
    margin-right: .4em
}
@media screen and (min-width: 961px){
body #newBridge .nb-invite-body-base, #newBridge .nb-invite-btns, #newBridge .nb-invite-tool-base {
    font-size: .7rem;
}	
}

