﻿@charset "utf-8";
/* CSS Document */
html { height: 100%; font-size:68.8%;}
body{max-width:640px; margin:0 auto; }
* { margin: 0; padding: 0; list-style: none; font-style: normal;}
body, a{ color:#000; font-size:12px; } /*font-family: "Microsoft Yahei", "Droid Sans Fallback", "Arial", "Helvetica", "sans-serif", "微软雅黑"; color:#333; font-size:12px; */
h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form, img, p, div {margin: 0; padding: 0;border: none; list-style-type: none; font-weight: normal;}
input, textarea, select, label {font-family: inherit; font-size: inherit; font-weight: inherit;}

a{text-decoration:none;color: #666; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none;}<!--手机点击时，灰色阴影-->
a:focus{color: #666;}

img {border: 0; display:inline-block; max-width: 100%;}
input, textarea, select, label {font-family: inherit; font-size: inherit; font-weight: inherit;}


input[type="button"], input[type="text"], input[type="submit"], input[type="password"], input[type="search"], input[type="email"], input[type="number"], input[type="phone"], button, select, textarea{
	-moz-appearance: none; 
	-webkit-appearance: none; 
	appearance: none;
	-webkit-box-shadow: none; 
	box-shadow: none; outline:none;
}
*:focus {outline: none}/*表单蓝色边框、虚线框*/


.d_c { margin-left: auto; margin-right: auto;}
.clr{display:block; overflow:hidden; clear:both; overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.title01{border-top:1px solid #f2f2f2; padding:25px 0 13px 0;font-size:18px; font-weight:bold;color:#000000;}
.title01 span{display:block; margin: 0 auto; text-align:center; height:20px;}
.title01 span:before{content: "";display:inline-block;height:3px;width:16px;background:#923bff; border-radius:1.5px;margin:0 10px 5px 0;}
.title01 span:after{content: "";display:inline-block;height:3px;width:16px; background:#923bff; border-radius:1.5px;margin:0 0 5px 10px ;}

/*header*/
.headerbox{ width:90%; margin:10px auto;}
.headerbox img.icon{width:85px; margin-right:14px;}
.headerbox h5{ font-weight:bold; font-size:20px; line-height:30px;}
.headerbox p span{ display:inline-block;padding:2px 5px;border-radius:6px;border:1px solid #ff6204;color:#ff6204; margin-right:8px;}
.headerbox p{line-height:12px; padding:6px 0;}
.btn_loading{display:block; background:#9d4eff; border:2px solid #923bff; width:280px; height:42px; margin:20px auto; border-radius:21px;} 
.btn_loading span{padding-left:30px; font-size:16px; color:#ffffff;line-height:40px; background:url(img/loading_w.png) no-repeat left center;background-size:15px;}
.btn_loading02{display:block;color:#9d4eff;border:2px solid #923bff; background:#ffffff; width:280px; height:42px; margin:20px auto; border-radius:21px;}
.btn_loading02 span{padding-left:30px; font-size:16px; color:#923bff;line-height:40px; background:url(img/loading.png) no-repeat left center;background-size:15px;}



/*四大超狂手遊福利，上線就送*/
.fuli-list{ display: -webkit-flex; /* Safari */  display: flex;justify-content:space-between; padding:0 4%; flex-flow:wrap;margin-bottom:24px;}
.fuli-list li{width:48%;align-content: flex-start;display:inline-block; text-align:center;font-size:17px;margin:10px 0;}
.fuli-list li.no-one{background:url(img/111.png) no-repeat top center;  background-size:100% auto;}
.fuli-list li.no-two{background:url(img/222.png) no-repeat top center;   background-size:100% auto;}
.fuli-list li.no-three{background:url(img/333.png) no-repeat top center;  background-size:100% auto;}
.fuli-list li.no-four{background:url(img/444.png) no-repeat top center;  background-size:100% auto;}

.text-zi{ color:#666666; font-size:12px; padding:0 15px 15px 15px;line-height:24px;}

.tese-list{ display: -webkit-flex; /* Safari */  display: flex;justify-content:space-between; padding:8px 10% 0 10%; flex-flow:wrap;}
.tese-list li{width:28%;align-content: flex-start;display:inline-block; text-align:center;font-size:15px;margin:10px 0;}
.tese-list li .quan{background:url(img/quan.png) no-repeat top center; background-size:100% auto; width:100%; color:#923bff;align-items:center;display: -webkit-flex; /* Safari */  display: flex;justify-content:center ;}
.tese-list li span{align-items:center;display: -webkit-flex; /* Safari */  display: flex;justify-content:center ;padding:20px 0;color:#333333; font-weight:bold;}
a.xieyi{color:#808080;font-size:13px; padding:10px 0 20px 0;align-items:center;display: -webkit-flex; /* Safari */  display: flex;justify-content:center ;}

.swiper-container {width: 100%;padding:10px 0 10px 15px;box-sizing:border-box;}
.swiper-container .swiper-slide { width: 50%;}
