/* body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,legend,input,textarea,p,blockquote,th,td,article,aside,footer,header,menu,nav,section,time,audio,video{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} img{border:0;} ol,ul,dl,li{list-style:none;} body{font-family:PingFangSC-Regular,Helvetica,"Droid Sans",Arial,sans-serif;color:#000; min-height:100%;padding-bottom:1px;} a{text-decoration:none;} html{height:100%;} body{min-height:100%;} em{ font-style:normal} strong{ font-weight:normal} */ input::-webkit-input-placeholder{font-size:10px;} input,textarea{-webkit-appearance: none;/*清除苹果手机输入框上阴影*/} .public_frame{ min-width:320px; margin-bottom:0;_width: 320px;_overflow: hidden; min-height: 100%;} .min_frame{max-width: 768px;margin: auto;height: 100%;} .gray_bg{ width:100%; overflow:hidden;position: fixed;top:0px;bottom: 0;} .gray_bg p{ display:block; max-width:768px; height:100%;position:relative; top:0; left:0;right:0; background-color:#f2f2f2;} .Support_content{ position:relative; width:100%;} /*-------打赏模块----------*/ .Support_reward{padding:20px 15px; background-color:#FFF} .Support_text{ display:block; text-align:center; color:#666;} .Support_text font{color:#ff9900} .Support_a{ border-radius:5px; background-color:#ff9900;display:table; margin:0 auto;margin-bottom:10px;} .Support_img{ margin:0 10px; overflow:hidden;padding-top:10px;} .Support_img span{ display:block; float:left; width:16.66%; text-align:center;} .Support_img span img{ width:100%;} .Support_img p{ display:block; float:left; width:16.66%; text-align:center;} /*-------支付弹窗----------*/ .bgcolor_div{width:100%; overflow:hidden;position: fixed;top:0px;bottom: 0;z-index: 10} .bgcolor_div p{ display:block; max-width:768px; height:100%;position:relative; top:0; left:0;right:0;z-index:10; background-color:#000; opacity:0.5; margin:0 auto;} .payment_div{display:block; max-width:768px;position:fixed; bottom:0; left:0;right:0; margin:0 auto;z-index:99999; background-color:#FFF} .payment_tit{ border-bottom:1px solid #e1e1e1; margin:0 15px;} .payment_tit span{ display:block;padding:10px 0px; color:#888;} .payment_div p{ display:block; position:absolute;right:0;} .payment_div p img{ width:100%} .icon1{ display:block; margin:0 15px; overflow:hidden;border-bottom:1px solid #e1e1e1;padding:10px 0px;} .icon1 em{ display:block; float:left; margin-right:10px;} .icon1 em img{ width:100%} .icon1 font{ display:block; float:left;color:#333;} .icon1 strong{ display:block; width:30px; height:30px; overflow:hidden; float:right; background:url(""/images/reward/or.png"") no-repeat left top; margin-right:15px;} .payment_div .cur strong{background:url(""/images/reward/or.png"") no-repeat left bottom; background-size:100% } .ok_payment{ display:block; margin:15px 30px; background-color:#ff9900;color:#FFF; text-align:center; border-radius:4px;padding:10px 0;} /*-------支付弹窗----------*/ .payment_div1{display:block; max-width:768px;position:fixed; bottom:0; left:0;right:0; margin:0 auto;z-index:99999; background-color:#f2f2f2} .payment_div1 p{ display:block; position:absolute;right:0;} .payment_div1 p img{ width:100%} .payment_tit1{ border-bottom:1px solid #e1e1e1; padding:0 15px; overflow:hidden} .payment_tit1 span{ display:block; float:left; margin-right:15px; color:#888;} .payment_tit1 span font{ color:#ff9900;} .list_img{ margin-top:10px;padding:0 10px; border-bottom:1px solid #e1e1e1; overflow:hidden;overflow-y: auto;} .list_img a{float:left; border:1px solid #FFF; margin-bottom:10px;} .list_img a span{ display:block;} .list_img a span img{ width:100%;} .list_img a strong{ display:block; text-align:center;color:#666; text-align:center; margin:0 5px; overflow: hidden; border-radius:25px; border:1px solid #e1e1e1;} .list_img a em{color:#888; text-align:center; margin:0 5px;word-break:break-all; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow: hidden;} .list_img .cur{ border:1px solid #ff9900; background:url(""/images/reward/ok.png"") no-repeat right bottom;} .or_list{padding:10px 5px; overflow:hidden} .or_list a ,.or_list input{ display:block; float:left; border:2px solid #e1e1e1; text-align:center;color:#888;} .or_list input{ border-radius: 0; box-shadow:none; } .or_list .cur{border:2px solid #ff9900;background:url(""/images/reward/ok.png"") no-repeat right bottom;} .ok_payment1{ margin:0 15px;} .anonymous_span{ display:block; text-align:center; color:#888;} .anonymous_a{ display:table; margin:0 auto; color:#888; overflow:hidden;padding-top: 6px;} .anonymous_a em{ display:block; float:left; overflow:hidden; margin-right:5px;} .anonymous_a em img{ width:100%;} .anonymous_a font{ float:left; color:#888;} .no_payment{ background-color:#e1e1e1; color:#888} .no_click_cur em img{ margin-top:0px;} .Support_a em{ display:block; float:left} .Support_a em img{ width:100%;} .Support_a font{ float:left; color:#FFF; } @media screen and (max-width:320px){ .Support_text{ font-size:12px;margin-bottom:5px;} .Support_a{padding:5px 20px;} .Support_a em{ width:20px;} .Support_a font{font-size:12px; line-height:23px;} .Support_img span{ margin-bottom:10px;} .Support_img span img{ width:40px;} .Support_img p{ line-height:40px;} .payment_tit span ,.payment_tit1 span{font-size:12px; height:28px; line-height:28px;} .payment_div p ,.payment_div1 p{ width:30px; height:30px; top:-15px;} .icon1 em{ width:28px; height:28px;} .icon1 strong{ width:20px; height:20px; background-size:100%; margin-top:4px;} .icon1 font{font-size:12px; line-height:28px;} .ok_payment ,.anonymous_a{font-size:12px;} .list_img{ height: 160px; } .list_img a{ width:24.3%;padding:5px 0;} .list_img a span{ margin:0px 5px;} .list_img a em{font-size:12px; height: 17px; line-height: 17px;} .list_img a strong{font-size:12px; padding:2px 0;height:18px; line-height:18px;} .list_img .cur{background-size: 34%;} .or_list a ,.or_list input{ width:11.1%; line-height: 29px; height: 29px; margin:0 5px;font-size:12px;} .or_list .cur{background-size: 45%;} .or_list input{width: 17%;} .anonymous_span{font-size:12px;padding:8px 0;} .anonymous_a em{ width:17px; height:17px;} .anonymous_a font{font-size:12px; line-height:17px;} .click_cur em img{ margin-top:-17px;} } @media screen and (min-width:321px) and (max-width:360px){ .Support_text{ font-size:14px;margin-bottom:5px;} .Support_a{padding:7px 20px;} .Support_a font{font-size:14px; line-height:25px;} .Support_a em{ width:22px;} .Support_img span{ margin-bottom:12px;} .Support_img span img{ width:45px;} .Support_img p{ line-height:45px;} .payment_tit span ,.payment_tit1 span{font-size:14px; height:35px; line-height:35px;} .payment_div p ,.payment_div1 p{ width:30px; height:30px; top:-15px;} .icon1 em{ width:28px; height:28px;} .icon1 strong{ width:24px; height:24px; background-size:100%; margin-top:2px;} .icon1 font{font-size:14px; line-height:28px;} .ok_payment{font-size:14px;} .list_img{ height: 175px; } .list_img a{ width:24.4%;padding:5px 0;} .list_img a span{ margin:0px 5px;} .list_img a em{font-size:12px; height: 19px; line-height: 19px} .list_img a strong{height: 21px; line-height:21px;font-size:12px;} .list_img .cur{background-size: 36%;} .or_list a ,.or_list input{ width:11.8%; line-height:31px; height:31px;margin:0 5px;font-size:14px;} .or_list .cur{background-size: 45%;} .or_list input{ width: 17% } .anonymous_span{font-size:14px;padding:8px 0;} .anonymous_a em{ width:20px; height:20px;} .anonymous_a font{font-size:14px; line-height:20px;} .click_cur em img{ margin-top:-20px;} } @media screen and (min-width:361px) and (max-width:480px){ .Support_text{ font-size:16px;margin-bottom:10px;} .Support_a{padding:8px 20px;} .Support_a font{font-size:16px; line-height:27px;} .Support_a em{ width:24px;} .Support_img span{ margin-bottom:22px;} .Support_img span img{ width:60px;} .Support_img p{ line-height:60px;} .payment_tit span ,.payment_tit1 span{font-size:16px; height:42px; line-height:42px;} .payment_div p ,.payment_div1 p{ width:35px; height:35px; top:-17px;} .icon1 em{ width:42px; height:42px;} .icon1 strong{ margin-top:6px;} .icon1 font{font-size:16px; line-height:42px;} .ok_payment{font-size:16px;} .list_img{ height: 195px; } .list_img a{ width:24.4%;padding:5px 0;} .list_img a span{ margin:0px 5px;} .list_img a em{font-size:12px; height: 22px; line-height: 22px;} .list_img a strong{ padding:2px 0;height:18px; line-height:18px;font-size:14px;} .list_img .cur{background-size: 36%;} .or_list a ,.or_list input{ width:12.3%; line-height:34px; height:34px; margin:0 4px;font-size:18px;} .or_list .cur{background-size: 35%;} .or_list input{ width: 17% } .anonymous_span{font-size:16px;padding:8px 0;} .anonymous_a em{ width:25px; height:25px;} .anonymous_a font{font-size:16px; line-height:25px;} .click_cur em img{ margin-top:-25px;} } @media screen and (min-width:481px) and (max-width:640px){ .Support_text{ font-size:18px;margin-bottom:10px;} .Support_a{padding:10px 20px;} .Support_a font{font-size:18px; line-height:29px;} .Support_a em{ width:26px;} .Support_img span{ margin-bottom:22px;} .Support_img span img{ width:76px;} .Support_img p{ line-height:76px;} .payment_tit span ,.payment_tit1 span{font-size:18px; height:56px; line-height:56px;} .payment_div p ,.payment_div1 p{ width:45px; height:45px; top:-22px;} .icon1 em{ width:56px; height:56px;} .icon1 strong{ margin-top:13px;height: 32px; line-height: 32px;} .icon1 font{font-size:18px; line-height:56px;} .ok_payment{font-size:18px;} .list_img{ height: 250px; } .list_img a{ width:24.5%;padding:10px 0;} .list_img a span{ margin:0px 15px;} .list_img a em{font-size:14px; height: 25px; line-height: 25px;} .list_img a strong{ padding:3px 0; height: 16px; line-height: 16px;font-size:16px;} .list_img .cur{background-size: 32%;} .or_list a ,.or_list input{ width:14.4%; line-height:36px; height:36px;margin:0 5px;font-size:18px;} .or_list .cur{background-size: 30%;} .or_list input{ width: 14% } .anonymous_span{font-size:18px;padding:8px 0;} .anonymous_a em{ width:25px; height:25px;} .anonymous_a font{font-size:18px; line-height:25px;} .click_cur em img{ margin-top:-25px;} } @media screen and (min-width:641px){ .Support_text{ font-size:18px; margin-bottom:10px;} .Support_a{padding:10px 20px;} .Support_a font{font-size:18px; line-height:29px;} .Support_a em{ width:26px;} .Support_img span{ margin-bottom:22px;} .Support_img span img{ width:76px;} .Support_img p{ line-height:76px;} .payment_tit span ,.payment_tit1 span{font-size:18px; height:56px; line-height:56px;} .payment_div p ,.payment_div1 p{ width:45px; height:45px; top:-22px;} .icon1 em{ width:56px; height:56px;} .icon1 strong{ margin-top:13px;} .icon1 font{font-size:18px; line-height:56px;} .ok_payment{font-size:18px;} .list_img{ height: 250px; } .list_img a{ width:24.5%;padding:10px 0;} .list_img a span{ margin:0px 15px;} .list_img a em{font-size:16px; height: 25px; line-height: 25px;} .list_img a strong{ padding:3px 0; height:18px; line-height: 18px;font-size:16px;} .list_img .cur{background-size: 32%;} .or_list a ,.or_list input{ width:14.4%; line-height:36px; height:36px; margin:0 5px;font-size:18px;} .or_list .cur{background-size: 30%;} .or_list input{ width: 14% } .anonymous_span{font-size:18px;padding:8px 0;} .anonymous_a em{ width:25px; height:25px;} .anonymous_a font{font-size:18px; line-height:25px;} .click_cur em img{ margin-top:-25px;} } /*苹果机弹窗和导航并存*/ #alert_div{position: fixed;z-index: 101;}