.topbb .title .main { background: #3d61f0; border: 1px solid #3d61f0; border-radius: 0.5rem 3rem 3rem 3rem; color: #fff; display: inline-block; font-weight: 300; margin: 16px 10px 10px; padding: 8px; } .contact_box { bottom: 0rpx; box-sizing: border-box; justify-content: center; position: fixed; z-index: 5; } .contact, .contact_box { align-items: center; display: -webkit-flex; display: flex; height: 90rpx; width: 750rpx; } .contact { background: hsla(0, 0%, 100%, 0.795); justify-content: space-around; opacity: 0.95; } .contact_icon { align-items: center; display: -webkit-flex; display: flex; height: 90rpx; justify-content: center; width: 90rpx; } .weixin_icon { height: 50rpx; width: 50rpx; } .contact_content { color: #629ff0; flex: 1; font-size: 15px; font-weight: 700; line-height: 90rpx; overflow: hidden; white-space: nowrap; word-break: keep-all; } .contact_content, .contact_copy_box { align-items: center; display: -webkit-flex; display: flex; height: 90rpx; justify-content: center; } .contact_copy_box { width: 180rpx; } .contact_copy { border: 2rpx solid #376eb6; border-radius: 26rpx; color: #368dff; font-size: 15px; font-weight: 700; height: 50rpx; line-height: 50rpx !important; width: 150rpx; } .contact_copy, .question-btn { font-size: 26rpx; text-align: center; } .container { align-items: center; box-sizing: border-box; display: -webkit-flex; display: flex; flex-direction: column; height: 100%; justify-content: space-between; } .imgbbs { border-radius: 10rpx; margin: 10rpx; } .bg-white { background-color: #f6f7f8; background-image: linear-gradient(180deg, #3688ff, #5a52ec); background-repeat: no-repeat; background-size: 100% 580rpx; } .demo_body { margin-top: 50rpx; } .logo { margin: 10rpx 0; } .logo-text { color: #fff; font-size: 50rpx; font-weight: 700; line-height: 60rpx; opacity: 0.88; } .logo-ver { font-weight: 700; margin-left: 16rpx; opacity: 0.9; } .logo-desc, .logo-ver { color: #fff; font-size: 26rpx; line-height: 38rpx; } .logo-desc { margin-top: 20rpx; opacity: 0.5; } .white-body { box-sizing: border-box; margin-top: 50rpx; } .white-body, .white-bodyb { background: #fff; border-radius: 10rpx; padding: 20rpx 25rpx; width: 100%; } .grace-title-border { background: #3688ff; flex-shrink: 0; height: 28rpx; margin-right: 16rpx; width: 8rpx; } .grace-list-icon { color: #3688ff; font-size: 32rpx !important; width: 50rpx; } .grace-list-body { margin-left: 12rpx; } .content { padding: 25rpx; } .wss text { display: block; font-size: 12px; text-align: center; } .demobutong { border-left: 1px solid #f8f8f8; display: -webkit-flex; display: flex; flex-wrap: nowrap; } .demobutong view { margin: 10rpx; text-align: center; width: 100%; } .SegmentedControlIn { margin-top: 38rpx; padding: 0 125rpx; width: 500rpx; } .search-button { background: #3d61f0 !important; border-radius: 10rpx; color: #fff !important; height: 100rpx !important; line-height: 100rpx !important; margin-top: 40rpx; padding: 0rpx !important; width: 93% !important; } .zanwushuju { height: 250rpx; padding-top: 1rpx; width: 100%; } .zanwushuju_img { display: block; height: 110rpx; margin: 30rpx auto 0; width: 84rpx; } .zanwushuju_title { color: #555; font-size: 30rpx; margin-top: 30rpx; text-align: center; width: 100%; } .shop_modle_title_center_right { float: right; height: 30rpx; width: 84rpx; } .Menu { border-radius: 100%; bottom: 45rpx; display: block; height: 102rpx; position: fixed; right: 20rpx; width: 102rpx; z-index: 100; } .Menu_modleIndex { bottom: 35rpx; right: 190rpx; } .Menu_modleIndex, .Menu_modleSecond { border-radius: 100%; display: block; height: 0rpx; position: fixed; width: 0rpx; z-index: 99; } .Menu_modleSecond { bottom: 150rpx; right: 165rpx; } .Menu_modleThird { border-radius: 100%; bottom: 208rpx; display: block; height: 0rpx; position: fixed; right: 45rpx; width: 0rpx; z-index: 99; } .Menu_modleThird_active { -webkit-animation: ThirdActive 0.5s; height: 68rpx; width: 68rpx; } @-webkit-keyframes ThirdActive { 0% { bottom: 68rpx; height: 0rpx; right: 41rpx; width: 0rpx; } 100% { bottom: 208rpx; height: 68rpx; right: 45rpx; width: 68rpx; } } .Menu_modleSecond_active { -webkit-animation: SecondActive 0.5s; height: 68rpx; width: 68rpx; } @-webkit-keyframes SecondActive { 0% { bottom: 65rpx; height: 0rpx; right: 43rpx; width: 0rpx; } 100% { bottom: 150rpx; height: 68rpx; right: 165rpx; width: 68rpx; } } .Menu_modleIndex_active { -webkit-animation: IndexActive 0.5s; height: 68rpx; width: 68rpx; } @-webkit-keyframes IndexActive { 0% { bottom: 66rpx; height: 0rpx; right: 43rpx; width: 0rpx; } 100% { bottom: 35rpx; height: 68rpx; right: 190rpx; width: 68rpx; } } .Menu_modle_active { -webkit-animation: Active 0.5s; -webkit-transform: rotate(45deg); } @-webkit-keyframes Active { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(45deg); } } .Menu_modleThird_noactive { -webkit-animation: ThirdnoActive 0.5s; bottom: 208rpx; height: 0rpx; right: 45rpx; width: 0rpx; } @-webkit-keyframes ThirdnoActive { 0% { bottom: 208rpx; height: 68rpx; right: 45rpx; width: 68rpx; } 100% { bottom: 68rpx; height: 0rpx; right: 41rpx; width: 0rpx; } } .Menu_modleSecond_noactive { -webkit-animation: SecondnoActive 0.5s; bottom: 150rpx; height: 0rpx; right: 165rpx; width: 0rpx; } @-webkit-keyframes SecondnoActive { 0% { bottom: 150rpx; height: 68rpx; right: 165rpx; width: 68rpx; } 100% { bottom: 65rpx; height: 0rpx; right: 43rpx; width: 0rpx; } } .Menu_modleIndex_noactive { -webkit-animation: IndexnoActive 0.5s; bottom: 66rpx; height: 0rpx; right: 43rpx; width: 0rpx; } @-webkit-keyframes IndexnoActive { 0% { bottom: 35rpx; height: 68rpx; right: 190rpx; width: 68rpx; } 100% { bottom: 66rpx; height: 0rpx; right: 43rpx; width: 0rpx; } } .Menu_modle_noactive { -webkit-animation: noActive 0.5s; -webkit-transform: rotate(0deg); } @-webkit-keyframes noActive { 0% { -webkit-transform: rotate(45deg); } 100% { -webkit-transform: rotate(0deg); } } .zanwushuju_border { position: absolute; top: 408rpx; width: 100%; } .zanwushuju_border_img { display: block; height: 180rpx; margin: 0 auto; width: 180rpx; } .zanwushuju_border_title { color: #9295a8; font-size: 24rpx; margin: 10rpx auto 0; text-align: center; width: 550rpx; }