/*常è§é—®é¢˜*/ ul,li{margin:0;padding:0;list-style: none;} .service-box{width:100%;height:330px;position: fixed;bottom:0;} .zxkf{line-height:40px;font-size: 14px;color:#666;background: #f3f4f8;height:40px;padding:0 12px;} .que_box{height:calc(100% - 40px);background: #fff;overflow: auto;} .cj_title{margin-top:16px;text-align: center;color:#666;} .cj_title span{display:inline-block;padding-bottom:13px;border-bottom:3px solid #3c83f5;} .service-box ul{padding:0 24px;} .service-box li{font-size: 14px;color:#666;border-top:1px solid #eee;padding:14px 0;} .service-box li .que{cursor:pointer;padding-right:24px;position: relative;} .service-box .que img{ width: 18px;position: absolute;right: 24px;} .service-box li .ans{color:#999;font-size:12px;margin-top:12px;display:none} /*常è§é—®é¢˜*/ @keyframes alert-bounceIn {0% {opacity: 0;transform: scale(.5)}100% {opacity: 1;transform: scale(1)}} .alert-bounceIn {animation-name: alert-bounceIn;animation-duration: .3s;animation-fill-mode: forwards;} .mask{width:100%;height:100vh;position:fixed;left:0;top:0;background:rgba(0,0,0,0.6);display: none;overflow: auto;z-index: 1000;} .mask_box{width:86%;height:400px;background:#fff;/*margin:20% auto 0;*/ box-sizing:border-box;border-radius:4px;padding:20px 0 20px;position:absolute;left:50%;top:50%;margin-left:-43%;margin-top:-200px;overflow: visible;} .copy_title{font-size:25px;color:#009900;font-weight:600;text-align:center;} .copy_tip{font-size:14px;color:#666;text-align:center;margin-top:6px;} .pay_img{width:97px;height:85px;display:block;margin:20px auto 0;} .copy_price{font-size:14px;color:#FF6600;text-align:center;margin-top:20px;font-weight:bold;} .copy_price span{text-decoration:line-through;color:#999;font-size:13px;margin-left:16px;font-weight:normal;} .one_pay_btn{width:80%;height:43px;line-height:43px;text-align:center;background:#44b549;color:#fff;margin:10px auto 0;border-radius:4px;font-size:1em;display: block;text-decoration: none} .b_box{color:#999;text-align:center;} .b_box span{cursor: pointer;font-size: 13px;color:#7b7b7b;text-align: center;line-height: 26px;} .b_box .paybox-tishi{display: inline-block;color: #fe6600;padding: 0 3%;} .houhao_top{width: 100%;text-align: center;border-top:1px solid #eee;padding-top: 5px;} .houhao_top span{color: #3c3c3c;font-size: 18px;font-weight: 700;line-height: 30px;height: 30px;margin-bottom: 5px;} .houhao_top span:nth-child(2){color:#999;font-size:12px;margin-left:10px;} .timezen{display: inline-block;width: 60%;color:#999;margin-top: 10px;font-size: 14px} .houhao_search{display:flex;margin-top: 7px;margin-left: 22px;width: 83%;border: 1px solid #44b549;height: 32px;line-height: 32px;justify-content: space-between;align-items: center;} .houhao_search .houhao_bar{line-height: 30px;width: 78%;font-size: 14px;border: 0;color: #bdbdbd;height:30px;box-sizing: border-box;} .houhao_search .houhaoresults{line-height: 32px;width: 19%;background: #44b549;color: #fff;text-align: center;font-size: 16px;border: 0 none;cursor: pointer;height:100%;} .houhao_search .houhaoresults:hover{opacity: .8;text-decoration: none;} .copy-free{margin: 20px 10px;} .copy-free .houhao_top{height: 30px;} .copy-free .houhao_top span:first-child{} .copy-free .copy-free-description{text-align: left;color: #3c3c3c} .copy-free .copy-free-description p{margin: 10px 0 10px 21px;font-size: 14px;} @media screen and (max-width: 350px) { .copy-free .copy-free-description p{margin: 10px 0 10px 0px;font-size: 12px;} } .copy-free .copy-free-description p .text-focus{color: #FF5722;margin-left: 5px;margin-right: 3px;} @media screen and (max-width: 350px) { .alert-marks .copy-free .houhao_top span:last-child {right: 24px;} } @media screen and (min-width: 400px) { .alert-marks .copy-free .houhao_top span:last-child {right: 55px;} } .close{ position: absolute; right: -10px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANIAAAA9CAMAAADvVccnAAAApVBMVEUAAAD+/v7////+/v7+/v7////////////////////////+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7///////93d3cuje3s9P01ke78/v6Li4vy8vJ8fHxQoPDO5fvb29vi4uKUxfbr6+uYmJiGhobI4fqCu/RGmu9zs/SgoKC42PhmrPKurq6RkZH19fVcp/G7u7ve7Pumz/fQ0NDDw8OmpqZdKo2AAAAAFXRSTlMAm8OugUQ8M/J2H4lJ7pIp6OJfVBLJcKDQAAACS0lEQVRo3uzBgQAAAACAoP2pF6kCAAAAAADgcsxsSVEYjMKDC+LS2tsJGFAUUFzQdu33f7TJn9AiZLqdy1D9FUUuvqtTSQ4Jvxi7azWbVtd+pOtCx3pGzstw9EjXgF4fJVrvj7TptJ8giI+7zWZ3jSF4tjXtbaM0PW+51KYvv1cILj7L2c8gGJT1MnMV4/VJaZMZAAgSdsfmA4B9p73MLRhHHIDJ89RzgPmClfBj4OX9pk9Tt0TGhTZ4P/WBYMEq+B9A90t7K7fCmpM2lQ6AhGlsAPRynbkakdSGYgEX1QpMMVFTNgP6Sm9dYuoqxiv59kgbCgDZdZ+YTWSygMsxARylZZg1lmOZzONyTEmbSRuYM2IRUCbaRDMmiYEO6dAlVp7MNBWDmixO2khawDFvBMpEiSZMcgW6pCNXMqVM4hWOXUlobEE0gU92yzQvErEdYJFeuwqKIxMpzqSNpEF9V2SiREXnNUlnbpGJEuVEpI2kGmmuRTrULVJl4Ymn9guvWg9FJr0ewvt6WBpbD1qJB9+WeFiTEv8DcF9tHUpEmbgc94Cj9Kpmn1oqgAsjfO1ANCT9zYHoRNpQbIDvmUYCYJTrw7+Preb+gmgA8YRVWARA60vrl4uMkzaWDtevgIsYeOop7QBhJdPBE9rYu4XgDUBcWntJAGBwp73S2ku58T8fXiG4+izHv0DwVtbbW6h1qLTZDDgE8+MuSXbHGIKntqZP5zRNo62Xa9MZDVGi3/tZm7yPbtiWgxzH6vysTT016LRbVqNhtdr/r/8CuC+A5wxEEh4AAAAASUVORK5CYII=) no-repeat -149px -31px; width: 30px; height: 30px; text-indent: -9999px; top: -10px; cursor: pointer; } /*æ£åœ¨ä»˜è´¹*/ .my_wxpay .sm{display: block;margin-top: 8px;font-size: 18px;color: #6d6d6d;} .my_wxpay .sm span{color: #FF7800;padding: 6px 11px;font-weight: 700;} .wx_pic_img {text-align: center;background: #fff;visibility: visible;opacity: 1;cursor: auto;z-index: 150;border-radius: 3px;width: 75%;margin:80px auto;position: relative;height: 370px;overflow: initial;} .my_wxpay .iconfont{color: #FFFFFF;font-size: 16px;line-height: 28px;background: #38ad3a;width: 171px;margin: auto;} .wx_top{background: #38AD3A;height: 60px;border-radius: 2px;color: #fff;font-size: 20px;line-height: 60px;} .hc{margin-top: 10px;} .hc img{width: 200px;} /*付费æˆåŠŸ*/ /*支付æˆåŠŸå¼¹çª—*/ .pay_success_box{width:75%;height:370px;background: #fff;margin:auto;border-radius: 5px;position: relative;} .pay_success_box .icon{display: block;margin:60px auto 0;width:86px;height:86px;fill: #44b549;padding-top:34px;} .pay_success_tip1{color:#40b938;text-align: center;font-size:18px;margin:20px auto 0;} .pay_success_tip2{font-size:14px;color:#666;text-align: center;line-height: 26px;} .buy-btn{cursor: pointer;width: 62%;height: 43px;background: #3dbb37;color: #fff;line-height: 43px;text-align: center;font-size: 18px;margin: 80px auto 0;border-radius: 4px;border: 0;display: block;} /*下载å¡ç‰‡åŠ 载更多*/ .download_card{ border:1px solid #eee; box-sizing: border-box; align-items: center; justify-content: space-between; line-height: 16px; float: left; width: 100%; padding: 3%; margin-bottom: 10px; } .download_card_msg{width: 100%;} .download_card_title{font-size: 18px;color: #1c69cc;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 700;float: left;height: 30px;line-height: 30px;width: 100%;margin-bottom: 3px;} .download_card_tip{font-size: 14px;color: #ff7b00;margin: 6px 0 4px;overflow: hidden;width: 82%;font-weight: 700;display: inline-block;} .download_card_tj{font-size: 15px;display: flex;align-items: center;color:#999;width: 62%;display: inline-block;} .download_card_tj img{width: 15px;margin-top: 2px;} .download_card_btn{width: 100%;height: 48px;background: #44b549;display: flex;color:#fff;justify-content: center;font-size: 17px;font-weight: 700;margin-top: 10px;align-items: center;} .download_card_btn img{width: 22px;margin-right: 5px;border-radius: inherit;margin-top: 2px;margin: 0;} .downlod_btn_right{line-height: 30px;margin-left: 10px;margin-top: 3px;} .more_box { width: 100%; height: 150px; background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0.1) 0%, #fff 70%); float: left; margin-top:-150px; position: relative; } .download_card_pic{ width: 16%; float: left; height: 100%; } .more_box .more{ width:160px; height:30px; margin:50px auto 0; color:#45b449; font-size:16px; border:1px solid #45b449; background: #fff; text-align: center; line-height: 30px; border-radius: 4px; cursor:pointer; } .more_tip{text-align: center;color:#999;margin-top:6px;} .download_card:nth-of-type(2){ display:none; } .text-icofuzhi{background: #FF6600;font-size: 12px;color: #fff;padding: 4px;border-radius: 2px;width: 100%;} /************************** æ–°æ ·å¼å¼€å§‹ ***********************/ .fixed_box_container{position:fixed;left:0;top:38%;transform:translate(0, -50%);width:60px;} .fixed_item a{display:block;width:60px;height:63px;text-decoration:none;font-size:14px;color:white;} .fixed_item a:hover{background-color:#f50;color:white;} .fixed_item em{display:block;background:url(../imgs/icon_flow.png) center center no-repeat;width:26px;height:30px;margin:0 auto 4px;} .fixed_item{text-align:center;margin-bottom:4px;text-decoration:none;color:white;}