ul,li,dl,dd,dt{list-style:none;padding:0;margin:0;}
a{text-decoration:none;}
p,h1,h2,h3,h4,h5,h6,span,div,input{margin: 0;padding:0;font-weight: 300;font-family: "Microsoft YaHei", Tohoma, Arial, Helvetica,"STHeiti STXihei","Microsoft JhengHei";}
body{margin:0;padding:0;}
@media screen and (min-width:240px) {
    html, body{
        font-size:9px;
    }
}
@media screen and (min-width:320px) {
    html, body{
        font-size:12px;
    }
}
@media screen and (min-width:480px) {
    html, body{
    font-size:18px;
    }
}
@media screen and (min-width:640px) {
    html, body{
        font-size:24px;
    }
}
@media screen and (min-width:960px) {
    html, body{
        font-size:36px;
    }
}

#content{
	/*padding-bottom:5em;*/
}
/*cardKind*/
.topBar{
	width:100%;
	background-color:#0c0c0c;
	color:#fefefe;
	text-align:center;
	font-size:1.6em;
	line-height: 1em;
	padding:0.5em 0;
	z-index: 99;
	position: relative;
	overflow: hidden;
}
.topBar a{
	color:#fefefe;
}
.top_part01{
	float:left;
	font-size: 0.8em;
	margin-left: 5%;
	line-height: 1.8em;
	display: inline-block;
}
.top_part01 img{
	height:0.55em;
}
.top_part02{
	width:45%;
	height:1.6em;
	background-color:#fff;
	display: inline-block;
	border-radius:1em;
	position: relative;
}
.top_part02 img{
	height:1.05em;
	position: absolute;
	left:0.1em;
	top:0.3em;
	margin-left: 4%;
}
.top_part02 input{
	background-color:transparent;
	width:79%;
	float:right;
	font-size: 0.85em;
	border:0;
	margin-top:0.2em;
	float:right;
	outline: 0;
}
.top_part03{
	float:right;
	font-size: 0.95em;
	display: inline-block;
	margin-right:5%;
	line-height: 1.8em;
}

.top_part03 img{
	height:0.8em;
	margin-left: 0.2em;
}
.topBar-sousuo{
	position:absolute;
	right:5%;
	top:0.2em;
	font-size:0.5em;
}
.topBar-sousuo img{
	height:1.35em;
	vertical-align:bottom;
}
#content{
	min-height: 90vh;
	position: relative;
}
.cardBc{
	width:100%;
	height:13em;
	background:url(../images/card_bc.png) no-repeat 0 0;
	background-size: 100% 100%;
}
.cardBcImg{
	width:100%;
	text-align:center;
}
.cardBcImg img{
	width:7em;
	height:7em;
	border-radius:50%;
	margin-top: 0.5em;
}
.cardBckind{
	width:100%;
	text-align:center;
}
.cardBckind p{
	color:#fbfbfb;
	margin-top: 1.5em;
	font-size:1.1em;
}
.cardMain{
	width:100%;
	background-color:#fff;
	padding-bottom: 5em;
	overflow: hidden;
}
.cardMain li{
	width:100%;
	overflow: hidden;
	padding:0.4em 0;
	position:relative;
	border-bottom:#969696 1px solid;
}
.cardMainLeft{
	float:left;
	width:35%;
	text-align:center;
	margin-left:3%;
}
.cardMainLeft img{
	width:100%;
}
.cardMainRight{
	width:52%;
	height:100%;
	float:right;
	margin-right:3%;
	font-size:1.4em;
	font-weight:600;
	margin-top: 0.3em;
	/*position:relative;*/
}
.cardMainRight_p{
	position:absolute;
	bottom:0.6em;
}
.cardMainRight label{
	width:2.8em;
	height:1.55em;
	text-align: center;
	background-color:#8e8d8d;
	display:inline-block;
	border-radius:0.5em;
	position:absolute;
	bottom:0.6em;
	right:3%;
}
.cardMainRight label input{
	display: none;
}
.cardMainRightSpanClicked label{
	background-color:#530a0e;
}
.cardMainRight label img{
	height:70%;
	margin-top:8%;
}
.cardMainRight_check{
	width:90%;
	color:#0c0c0c;
	font-size:1.25em;
	padding:0em 5%;
	display: inline-block;
	margin: 1em 0;
	position: relative;
	text-indent:1.5em;
}
.cardMainRight_check_gou{
	width:1.3em;
	height:1.3em;
	display: inline-block;
	background: url(../images/check.png) no-repeat;
	background-size: 100% auto;
	background-position: 0 top;
	position: absolute;
	top:0em;
	left:5%;
}
.cardMainRight_check_gou2{
	width:1.3em;
	height:1.3em;
	display: inline-block;
	background: url(../images/check2.png) no-repeat;
	background-size: 100% auto;
	background-position: 0 top;
	position: absolute;
	top:0em;
	left:5%;
}
.cardMainRight_check-checked{
	background-position: 0 bottom;
}
#cardMainRight-check-checked{
	width:3.3em;
	height:3.3em;
	position: absolute;
	display: none;
	/*top:0.7em;*/
	/*left:5%;*/
	/*background:url(../images/check.png) no-repeat;
	background-size:100% auto;
	background-position: 0 top;*/
}
#cardMainRight-check-checked2{
	width:3.3em;
	height:3.3em;
	position: absolute;
	display: none;
	/*background:url(../images/check.png) no-repeat;
	background-size:100% auto;
	background-position: 0 top;*/
}
.checkCheck{
	width:auto;
}
.cardSure{
	width:7em;
	height:2.3em;
	background-color:#530a0e;
	color:#fff; 
	font-size:1.4em;
	line-height: 2.3em;
	text-align:center;
	float:right;
	margin-right: 5%;
	margin-top: 2em;
	margin-bottom: 2em;
	border-radius:0.8em;
}
.cardSure a{
	color:#fff;
}
.cardCutDiv{
	width:100%;
	overflow: hidden;
}
.cardCut{
	width:90%;
	padding:0 5%;
	color:#0c0c0c;
	font-size:0.95em;
}
/*select*/
.selectTop{
	width:90%;
	background:#e8e8e8;
	overflow: hidden;
	padding:0.2em 5%;
}
.selectTopLeft{
	width:75%;
	font-size:1.45em;
	/*height:2em;*/
	background-color:#fff;
	display: inline-block;
	position: relative;
	border:#c7c7c7 1px solid;
}
.selectTopLeft img{
	height:1.05em;
	position: absolute;
	left:0.1em;
	top:0.4em;
	margin-left: 4%;
}
.selectTopLeft input{
	background-color:transparent;
	width:79%;
	float:right;
	font-size: 0.85em;
	border:0;
	padding:0.5em 0;
	float:right;
	outline: 0;
}
.selectTop-botton{
	float:right;
	width:20%;
	background-color:#530a0e;
	font-size: 1.4em;
	display: inline-block;
	color:#fff;
	line-height: 2em;
	text-align: center;
	border-radius: 0.3em;
}
.selectTop-botton img{
	height:0.8em;
	margin-left: 0.2em;
}
.selectPart{
	width:100%;
	overflow: hidden;
}
.selectPart ul{
	overflow: hidden;
	border-left:#e8e8e8 1px solid;
	border-bottom:#eaeaea 1px solid;
	margin: 0 1%;
}
.selectPart li{
	width:24.5%;
	float:left;
	height:2.2em;
	font-size:1.1em;
	line-height: 2.2em;
	padding:0.3em 0;
	color:#4e4e4e;
	text-align: center;
	border-right: #eaeaea 1px solid;
	border-bottom: #eaeaea 1px solid;
}
.selectPartClicked{
	color:#fff;
	box-shadow:0px 0px 8px #530a0e;
}
.selectPart li img{
	width:1.2em;
}







/*buyapply*/
.applyAll{
	width:100%;
	min-height:100vh;
	background:url(../images/apply_bc.png) no-repeat;
	background-size:100% 100%;
	padding-bottom:5em;
}
.applyLogo{
	width:100%;
	padding-top:3.5em;
}
.applyLogo img{
	width:90%;
	padding:0 5%;
}
.applyMess{
	width:100%;
	 
}
.applyMess ul{
	width:84%;
	padding:0 8%;
}
.applyMess li{
	width:100%;
	height:3.5em;
	border-radius: 1.75em;
	margin:1.4em 0;
	/*background-color: #a7a7a7;
	filter:alpha(opacity=60); 
	-moz-opacity:0.6; 
	opacity:0.6;*/
	background-color:rgba(167,167,167,0.3);
	text-align: center;
	line-height: 3.5em;
	position: relative;
}
.applyMess li p{
	color:#f7f7f7;
	filter:alpha(opacity=100); 
	-moz-opacity:1; 
	opacity:1;
	font-size:1.35em;
}
.applyMess li input{
	width:50%;
	height:70%;
	font-size:1em;
	line-height: 70%;
	color:#e0e0e0;
	border:0px;
	background-color: transparent ;
}
.applyHind{
	width:80%;
	padding:0.5em 10%;
	color:#eaeaea;
}
.applyPay{
	width:100%;
	padding-bottom:2em;
	overflow: hidden;
	text-align:center;
	margin-left: 20%;
}
.appllyPay_p{
	width:90%;
	padding:0 5%;
	margin:2.5em 0;
	color:#f7f7f7;
	font-size:1.4em;
	overflow: hidden;
	text-indent:1.3em;
	position: relative;
}
.appllyPay_p label{
	margin-left: 3%;
}
.appllyPay_p span{
	float:right;
	font-size: 1.1em;
}
.sureButton{
	padding:0.5em 1.4em;
	background-color: #530a0e;
	color: #fff;
	text-align: center;
	float: left;
	margin-right: 5%;
	border-radius: 0.9em;
	display: inline;
}
.sureButton a{
	color:#fff;
}
.applyPay .sureButton{
	font-size: 1.4em;
}




/*paySelect*/
.seleAll{
	width:100%;
	min-height: 90vh;
	background:url(../images/select_bc.png) no-repeat 0 0;
	background-size:100% 100%;	
	padding-bottom: 5em;
	text-align:center;
}
.selectIntro{
	width:100%;
	padding:1.8em 0;
	color:#f7f7f7;
	font-size:1.3em;
	line-height: 2.7em;
}
.selectIntro p{
	width:90%;
	padding:0 5%;
	position: relative;
	margin-top: 0.5em;
	
}
.seleFind{
	width:100%;
	overflow: hidden;
}
.seleFind input{
	width:56%;
	font-size:1.3em;
	height:2em;
	line-height: 2em;
	background-color:#4a4949;
	border:0;
	border-radius:1em;
	padding:0 1em;
	margin-left: 5%;
	float:left;
}
.seleFind .sureButton{
	font-size:1.2em;
	position:absolute;
	right:0;
}
.seleButton{
	width:90%;
	height:2.7em;
	margin:4em 5% 0 4%;
	background-color: #530a0e;
	color:#f7f7f7;
	font-size:1.3em;
	line-height: 2.7em;
	text-align: center;
	border-radius:.3em;
}

.shopAll{
	width:100%;
	min-height: 100vh;
	background:url(../images/shop_bc.png) no-repeat 0 0;
	background-size:100% 100%;
	text-align: center;
	padding-bottom: 5em;
}
.shopAll img{
	width:55%;
	margin-top:15vh;
}
.befBc{
	width:100%;
	height:1f0vh;
	background:#000;
	position: absolute;
	padding:5em;
	top:0;
	left:0;
	opacity:0.6;
}
.hintHint{
	background-color: #fff;
	width:84%;
	position: fixed;
	padding:8px 2%;
	top:3.1em;
	left:6%;
	border-radius: 9px;
	overflow: hidden;
	z-index: 99999;
}
.hintHint p{font-family: "微软雅黑";font-size: 1.1em;line-height: 2em;margin-top:0.3em;}
.hintHint span img{float:left; width:65px;margin-right: 2%;margin-top: 0.1em}
.hintHint p span{color:#2585de;}
.hintHint p img{width:10px;}
.hintArrow img{width:1.8em;position: fixed;right:6%;top:1em;}



/*qrCode*/
.codeTop{
	width:100%;
	background:url(../images/card_bc.png) no-repeat 0 0;
	background-size: 100% 100%;
	text-align: center;
	padding-top:3em;
	padding-bottom:0.5em;
	/*opacity:0.8;*/
}
.codeTop2{
	position:absolute;
	top:0;
	width:100%;
	text-align: center;
	padding-top:3em;
	padding-bottom:0.5em;
	z-index: 9;
}
.codeTop_img1{
	width:88%;
}
.codeTop_p1{
	width:7em;
	height:7em;
	border-radius: 50%;
	background-color:rgba(255,255,255,0.3);

	/*margin-top:1em;*/
	margin:2.6em auto 1em auto;
}
.codeTop_p1 img{
	width:6em;
	height:6em;
	border-radius: 50%;
	margin-top:0.5em;
}
.codeTop_p2{
	color:#000;
	background-color:rgba(0,0,0,0.3);
	font-size:1.1em;
	display: inline-block;
	border:#000 1px solid;
	padding-left:0.3em;
}
.codeTop_p2 span{
	color:#fff;
	background-color:#000;
	padding-right:0.3em;
}
.codeMain{
	text-align: center;
	padding-top:3em;
	padding-bottom:6em;
	position: relative;

}
.codeMain p{
	width:100%;
}
.codeMain_p1{
	font-size:1.3em;
	color:#000;
	font-weight: 500;
}
.codeMain_p2{
	width:100%;
	position: relative;
}
.codeMain_p2 img{
	width:60%;
	padding:14em 15% 7.7em 15%;
	margin-top:-12.7em;
}
.codeMain_p3{
	font-size:1.1em;
	color:#000;
	position: absolute;
	bottom:10.5em;
}

/*bonusGet*/
.getTop{
	width:100%;
	background:url(../images/card_bc.png) no-repeat 0 0;
	background-size:100% 100%;
	overflow: hidden;
	padding:1.2em 0;
	border-bottom:#969696 1px solid;
	opacity:0.4;
}
.getTop2{
	width:100%;
	overflow: hidden;
	padding:1.2em 0;
	border-bottom:#969696 1px solid;
	position: absolute;
	top:0;
	z-index: 9;
}
.getTopLeft{
	width:21%;
	float: left;
	margin-left: 5%;
}
.getTopLeft img{
	width:100%;
	border-radius:1.6em;
}
.getTopRight{
	width:70%;
	float:left;
	margin-left: 3%;
	color:#000;
}
.getTopRight_p1{
	font-size:1.35em;
	font-weight:500;
	line-height: 1.6em;
}
.getTopRight_p1 img{
	height:1.2em;
	margin-bottom:-0.3em;
}
.getTopRight_p1 span{
	font-size:0.8em;
	font-weight:300;
}
.getTopRight_p2{
	font-size:1em;
	line-height: 1.6em;
	font-weight: 500;
}
.getTopMain{
	width:100%;
	border-top:#969696 1px solid;
	/*border-bottom:#969696 1px solid;*/
	overflow: hidden;
	padding-bottom: 5em;
}
.getTopMain dl{
	width:100%;
}
.getTopMain dl dt{
	width:50%;
	height:3em;
	font-size: 1.3em;
	line-height:3em;
	text-align: center;
	color:#f7f7f7;
	float:left;
	margin-top:0.8em;
	background:url(../images/get_bar.png) 0 0;
	background-size: auto 100%;
}
.getTopMain dl dd{
	width:49.5%;
	float:left;
	text-align:center;
	font-size:1.3em;
	line-height: 1.6em;
	font-weight: 500;
	color:#530a0e;
	padding:0.65em 0;
	border-bottom:#969696 1px solid;
}
.getTopMain dl dd p{
	font-weight: 500;
}
.getTopMain dl dd:first-child{
	border-right:#969696 1px solid;
}
.getTopMain dl dd a{
	color:#000;
}

/*myself*/
.myAll{
	padding-bottom:5.5em;
}
.myTop{
	width:100%;
	background:url(../images/card_bc.png) no-repeat 0 0;
	background-size: 100% 100%;
	text-align: center;
	padding-top:0.5em;
	padding-bottom:0.5em;
	opacity:0.8;
}
.myTop2{
	position: absolute;
	top: 0;
	/*background:url(../images/card_bc.png) no-repeat 0 0;
	background-size: 100% 100%;*/
	width:100%;
	text-align: center;
	padding-top:0.5em;
	padding-bottom:0.5em;
}
.myTop_p1 img{
	width:6em;
	height:6em;
	border-radius: 50%;
	margin-top:0.7em;
	border:#fff 0.3em solid;
}
.myTop_p1{
	width:8em;
	height:8em;
	border-radius: 50%;
	border:0.3em solid rgba(255,255,255,0.25);
	margin:0 auto;
	margin-top:1.8em;
}
.myTop_ano{
	width:12em;
	height:12em;
	border-radius: 50%;
	border:0.3em solid rgba(255,255,255,0.1);
	margin:0 auto;
}
.myTop_p2{
	color:#fff;
	font-size:1.3em;
	margin-top: -1.8em;
	line-height: 2em;
}
.myTop_p3{
	color:#fff;
	font-size:1em;
	line-height: 1.8em;
}
.myTop_p3 img{
	height:1.3em;
	margin-bottom:-0.3em;
}
.myTop_ka01{
	text-shadow: 1px 0 1px #afafaf, 0 1px 1px #afafaf, 
    0 -1px 1px #afafaf, -1px 0 1px #afafaf;
    font-weight: 300;
}
.myTop_ka02{
	text-shadow: 1px 0 1px #b79f73, 0 1px 1px #b79f73, 
    0 -1px 1px #b79f73, -1px 0 1px #b79f73;
    font-weight: 300;
}
.myTop_ka03{
	text-shadow: 1px 0 1px #1d1d20, 0 1px 1px #1d1d20, 
    0 -1px 1px #1d1d20, -1px 0 1px #1d1d20;
    font-weight: 300;
}
.myTop_NO{
	display: none;
}
.myNext{
	width:100%;
	padding:0.2em 0 0.5em 0;
	overflow:hidden;
	border-bottom:#969696 1px solid;
}
.myNext a{
	color:#000;
}
.myNext li{
	width:49.5%;
	float:left;
	text-align:center;
	border-right:#969696 1px solid;
	font-size:1.1em;
	line-height: 1.7em;
}
.myNext li span{
	color:#929294;
}
.myNext li:last-child{
	border:none;
}
.myCenter{
	width:100%;
	margin-top:1em;
	/*border-top:#969696 1px solid;*/
	border-bottom:#969696 1px solid;
}
.myCenter dl{
	width:100%;
}
.myCenter dd{
	font-size:1.2em;
	line-height:2em;
}
.myCenter_p_yongjin{
	width:95%;
	padding-left:5%;
}
.myCenter_p_yongjin span{
	color:#e6b422;
}
.myCenter_p_yongjin span a{
	color:#e6b422;
}
.myCenter_p_yongjinNum{
	width:95%;
	padding-left:5%;
	font-size:1.8em;
	line-height: 2em;
	font-weight: 600;
	border-bottom:#969696 1px solid;
	color:#e6b422;
}
.myCenter_p_yongjinNum a{
	color:#e6b422;
}
.myCenter_p_hongbao{
	width:95%;
	border-bottom:#969696 1px solid;
	padding-left:5%;
	position: relative;
}
.myCenter_p_hongbao span{
	color:#530a0e;
	position: absolute;
	left:10.2em;
}
.myCenter_p_hongbao ss{
	float:right;
	margin-right: 5%;
}
.myCenter_p_hongbao a{
	color:#530a0e;
}
.myCenter_p_jiantou{
	padding-left:5%;
	border-bottom:#969696 1px solid;
}
.myCenter_p_jiantou img{
	width:0.8em;
	float:right;
	margin-top:0.7em;
	margin-right: 5%;
}
.myCenter_p_tuijian{
	width:100%;
	overflow:hidden;
	background-color:#919195;
	padding:0.3em 0;
	 
}
.myLogoBottom{
	width:100%;
	text-align: center;
	padding:3em 0;
}
.myLogoBottom img{
	width:60%;
}
.myLogoBottom p{
	text-align: center;
	font-size:0.9em;
	color:#898989;
}
.myCenter_p_tuijian-clicked{
	display: block
}
.myCenter_p_t_left{
	width:10%;
	float:left;
	margin-left:4%;
}
.myCenter_p_t_left img{
	width:2.9em;
	height:2.9em;
	border-radius:1em;
	vertical-align: bottom;
}
.myCenter_p_t_right{
	float:right;
	width:80%;
}
.myCenter_p_t_r_p1{
	font-size:0.95em;
	line-height: 1.7em;
	font-weight: 500;
}
.myCenter_p_t_r_p1 span{
	font-size:0.85em;
	font-weight: 300;
}
.myCenter_p_t_r_p1 img{
	height:1.3em;
	margin-bottom: -0.2em;
	margin-left:2em;
}
.myCenter_p_t_r_p2{
	font-size:0.72em;
	line-height: 1.7em;
	color:#000;
}
.myList{
	width:100%;
	padding-bottom: 5em;
}
.myList table{
	width:100%;
	margin-top: 1em;
	border-top: #969696 1px solid;
	border-bottom: #969696 1px solid;
	margin-bottom: 1em;
	border-collapse:collapse;
}
.myList table tr{
}
.myList table th{
	/*padding:0 1em;*/
	font-size:1.2em;
	/*width:20%;*/
	line-height: 2em;
}
.myList table td{
	width:20%;
	font-size:1em;
	padding:0;
	text-align: center;
	border-top: #969696 1px solid;
	padding:0.3em 0 0.3em 0;
}
.myList tr td:first-child{
	width:15%;
	 
}
.myList tr td:nth-child(2){
	width:25%;
}
.myList tr td:nth-child(3){
	width:25%;
	padding-bottom:0.3em;
}
.myList tr td:nth-child(3) p{
	width:80%;
	font-size:0.7em;
	display: inline-block;
	border: #969696 1px solid;
	border-radius:1em;
	text-align: center;
}
.myList tr td:nth-child(4){
	width:15%;
	text-align: left;
}
.myList tr td:last-child{
	width:15%;
}
.table-img-01{
	height:1.3em;
	margin-bottom: -0.2em;
	margin-left: 0.4em;
}
.table-img-02{
	width:2.3em;
	height:2.3em;
	border-radius:50%;
	margin-left: 0.4em;
	/*position:absolute;*/
}
.table-img-03{
	width:2.3em;
	height:2.3em;
	border-radius:50%;
	margin-left: 0.4em;
	position:absolute;
}

/*lowerLevel*/
.lowSel{
	font-size:1.2em;
	padding:1.5em 0;
	position: relative;
}
.lowSel input{
	width:59%;
	font-size: 0.9em;
	height:2em;
	line-height: 2em;
	border-radius: 1em;
	background-color: #a6a6a6;
	color:#fff;
	padding: 0 1.5em;
	border:0;
	outline: 0;
	margin-left: 5%;
}
.lowSel .sureButton{
	font-size: 0.9em;
	padding:0.3em 1.1em;
	position: absolute;
	right: 0;
}
#inputWi::-webkit-input-placeholder { color:#fff; }  
#inputWi::-moz-placeholder { color:#fff; } /* firefox 19+ */  
#inputWi:-ms-input-placeholder { color:#fff; } /* ie */  
#inputWi input:-moz-placeholder { color:#fff; }
.lowMain{
	width:100%;
	border-top:1px solid #969696;
	padding-bottom: 5em;
}
.lowMain li{
	width:100%;
	padding:0.3em 0;
	border-bottom:1px solid #969696;
	overflow: hidden;
	font-size: 1.2em;
}
.lowMain .myCenter_p_t_left img{
	border-radius:40%;
	border:#cacada 1px solid;
	box-shadow: 0 0 2em rgba(202, 202, 218, 1);
	-webkit-box-shadow: 0 0 2em rgba(202, 202, 218, 1);
	-moz-box-shadow: 0 0 2em rgba(202, 202, 218, 1);
}
/*bonusShow*/
.showList{
	width:100%;
	padding-bottom: 5em;
	position:relative;
}
.showList_get{
	width:100%;
	text-align: center;
}
.showList_get p{
	height:2.4em;
	line-height: 2.4em;
	font-size:1.1em;
	color:#fff;
	display:inline-block;
	padding:0em 1.5em;
	background-color:#530a0e;
	border-radius:1.2em;
}
.showList_get img{
	width:1.3em;
	vertical-align:text-top;
	margin-right:0.5em;
}
.showList_get a{
	color:#fff;
}
.waiting{
	width:2em;
	height:2em;
	margin: 1em auto;
}
.showList table{
	width:100%;
	margin-top: 1em;
	border-top: #969696 1px solid;
	border-bottom: #969696 1px solid;
	margin-bottom: 1em;
	border-collapse:collapse;
	border-spacing:0
}
.showList table tr{
}
.showList table th{
	/*padding:0 1em;*/
	font-size:1.2em;
	/*width:20%;*/
	line-height: 2em;
}
.showList table td{
	width:20%;
	font-size:1em;
	padding:0;
	text-align: center;
	border-top: #969696 1px solid;
	padding:0.4em 0 1.4em 0;
	position: relative;
}
.showList tr td:first-child{
	width:16%;
	/*background:url(../images/my_list.png) no-repeat right 50%;
	background-size:1.1em auto;*/
}

.showList tr td:first-child p{
	width:100%;
	font-size:0.7em;
	display: inline-block;
	border: #969696 1px solid;
	border-radius:1em;
	text-align: center;
}
.showList tr td:nth-child(2){
	width:20%;
	color:#000;
}
.showList tr td:nth-child(3){
	width:20%;
	 
}
.showList tr td:nth-child(4){
	width:18%;
}
.showList tr td:nth-child(5){
	width:16%;
}
.showList tr td:last-child{
	padding-bottom:0em;
}
.showBefore{
	height:1.8em;
	padding:0 0.5em;
	display: inline-block;
	background-color:#530a0e;
	border-radius: 0.9em;
	line-height: 1.8em;
	/*position:absolute;*/
	color:#fff;
	margin-bottom:0.5em;
/*	top:0.3em;
	right:20%*/;
}
.showBefore a{
	color:#fff;
}
.showAfter{
	display: none;
}
.showAfter img{
	width:0.65em;
}
.showAfterClicked{
	display: block;
}
/*applyJoin*/
.joinMain{
	background:#f1f1f1;
	padding-bottom:6em;
}
.joinBase{
	background-color: #fff;
	margin:0.5em 0;
	padding-bottom:0.2em;
}
.joinBase li{
	width:90%;
	/*height:2.5em;*/
	margin: 0.5em 5%;
	background:#e5e5e5;
	border-radius:0.5em;
	padding:0.4em 0;
}
.joinBase li img{
	width:2em;
	height:2em;
	margin: 0 2em;
	vertical-align: bottom;
}
.joinBase li input{
	font-size:1.2em;
	line-height:2em;
	background-color:transparent;
	padding:0.1em 0;
	border:0;
	outline:0;
	width:70%;
}
.joinBase hr{
	border:#fff 1px solid;
}
.joinCut{
	background-color:#fff;
	margin:0.5em 0;
}
.joinCut li{
	width:90%;
	font-size: 1.2em;
	/*height:2.5em;*/
	line-height: 2.5em;
	padding:0.2em 0;
	margin: 0.2em 5%;
	border-radius:0.5em;
	border-bottom:#e3e3e3 2px solid;
	overflow: hidden;
}
.joinCut li select{
	width:60%;
	margin-left:10%;
	font-size:1.2em;
	padding:0.2em 0;
}
.joinCut  p{
	float:left;
}
.joinCut input{
  line-height: 2em;
	font-size: 1.1em;
  /*background-color: transparent;*/
  /*background-color: #000;*/
  padding: 0.1em 0;
  border: 0;
  outline: 0;
  width: 70%;
  margin-right:3%;
  float:right;
}
.joinIntro{
	width:100%;
	background-color: #fff;
	margin:0.5em 0;
}
.joinIntro textarea{
	width:90%;
	height:5em;
	margin:0 5%;
	border-radius:0.3em;
	font-size:1.25em;
	outline:0;
	resize:none;
	line-height: 2em;
}
.joinIntro p{
	width:80%;
	font-size:1.2em;
	line-height: 2em;
	margin:0 10%;
}
.joinCut li img{
	width:2em;
	height:2em;
	margin: 0 2em;
}
.joinMore{
	background-color:#fff;
	margin:0.5em 0;
}
.joinMoreBig{
	width:70%;
	/*height:80%;*/
	position: fixed;
	left:15%;
	top:10%;
	z-index: 999;
	display: none;
	/*background-color: #fff;*/
	border-radius: 0.7em;
}
.joinMoreBig i img{
	width:2.4em;
	position: absolute;
	right:1.5em;
	top:1.5em;
}
.joinMoreBig button{
	width: 100%;
	font-size: 1.5em;
	border-radius: 1em;
	line-height: 2em;
	border:0;
	color: #fff;
	background-color: #530a0e;
}
.joinMore_gray{
	background-color:#000;
	opacity:0.5;
	width:100%;
	height:100%;
	position: fixed;
	top:0;
	left:0;
	display: none;
	z-index: 99;
}
.joinMoreBig img{
	width:100%;
}
.joinMore li{
	width:90%;
	height:2.5em;
	font-size:1.2em;
	line-height: 2.5em;
	margin: 0.2em 5%;
	padding:0.2em 0;
	border-radius:0.5em;
	border-bottom:#e3e3e3 2px solid;
	position: relative;
}
.joinMore li span{
	color:#a5a5a5;
	font-size: 1.1em;
	margin-left: 9%;
}
.joinMore li img {
	height:2em;
	float:right;
}
.joinMore li p{
	float: right;
	padding:0 0.7em;
	position: absolute;
	right:2.2em;
	top:0.2em;
}
.joinMore li p img{
	height:2.5em;
	margin:0 0.1em;
}
.joinButton{
	width:100%;
}
.joinButton button{
	width:100%;
	font-size:1.5em;
	line-height: 2em;
	color:#fff;
	background-color: #530a0e;
}
.joinBase_ad{
	background-color:#fff;
	/*overflow: hidden;*/
	height:2.3em;
}
.joinBase_ad select{
	width:30%;
	margin-left:2%;
	height:2em;
	font-size: 1.2em;
}
ul { 
  list-style: none; 
}
/*.model-select-box {
    width: 23%;
    margin:0 2%;
    padding: 0 3%;
    height: 100%;
    line-height: 2.3em;
    background-color:#e5e5e5;
    float: left;
    position: relative;
    border-radius: 0.3em;
}
.model-select-text {
    height: 100%;
    font-size: 1.15em;
    text-align: left;
    background: no-repeat right 0;
    -moz-user-select: none;
    -webkit-user-select: none;
    -user-select: none;
    cursor: pointer;
    background: url(../images/join_xia.png) no-repeat center right;
	background-size: auto 30%;
}

.model-select-option {
	display: none; 
	padding: 0;
	position: fixed;
	background: #fff;
	width: 60%;
	left: 0px;
	right:0px;
	top:18%;
	margin:0 auto;
	border-radius: 0.4em;
	border: 1px solid #aaa;
	z-index: 999;
	max-height: 64%;
	overflow: auto;
}
.model-select-option li {
	height: 2.1em;
	font-size: 1.1em;
	width:80%;
	padding: 0 5%;
	text-align: left;
	line-height: 2.1em;
	color: #555;
	cursor: pointer;
	border-radius:0.3em;
}
.model-select-option li.seleced {
	background: #530a0e;
	color: #fff;
}
.joinBase_gray{
	background-color:#000;
	opacity:0.5;
	width:100%;
	height:100%;
	position: fixed;
	top:0;
	left:0;
	display: none;
	z-index: 99;
}
*/
.ListTop{
	overflow: hidden;
	background-color: #fff;
}
.model-select-box {
    width: 24.5%;
    padding: 0em 4%;
    height: 100%;
    line-height: 2.3em;
    float: left;
    /*position: relative;*/
    border-bottom:#f1f1f1 solid 2px;
    border-right:#f1f1f1 solid 2px;
    color:#4e4e4e;
}
.model-select-text {
    height: 100%;
    font-size: 1.25em;
    padding: 0.3em 0;
    margin-bottom:2px;
    text-align: left;
    background: no-repeat right 0;
    -moz-user-select: none;
    -webkit-user-select: none;
    -user-select: none;
    cursor: pointer;
    background: url(../images/join_xia.png) no-repeat center right;
	background-size: auto 18%;
}

.model-select-option {
	display: none; 
	padding: 0;
	position: absolute;
	background: #fff;
	width: 100%;
	left: 0px;	margin:0 auto;
	z-index: 999;
	max-height: 64%;
	overflow: auto;
	border-top: 1px solid #f1f1f1;
}
.model-select-option li {
	height: 2.1em;
	font-size: 1.1em;
	margin-top:3px;
	width:90%;
	padding: 0.2em 5%;
	text-align: left;
	line-height: 2.1em;
	color: #4e4e4e;
	cursor: pointer;
	border-bottom: 1px solid #f1f1f1;
}
.model-select-option li.seleced {
	background: #530a0e;
	color: #fff;
}




/*applyJoinSuccess*/
.successMain{
	width: 100%;
	min-height: 100vh;
	background: url(../images/apply_bc.png) no-repeat;
	background-size: 100% 100%;
	padding-bottom: 5em;
}
.success-button{
	width:100%;
}
.successIntro{
	width:80%;
	margin:0 10%;
	color:#fff;
	padding-top:5.5em;
	padding-top:20%;
	font-size: 1.25em;
}
.success-button button {
	width: 90%;
	margin:0 5%;
	font-size: 1.5em;
	line-height: 2em;
	color: #fff;
	background-color: #530a0e;
	border:0;
	position: fixed;
	bottom:7em;
}
/*index*/
.indexMain{
	background:#f1f1f1;
	padding-bottom:5em;
}
.indexClassify{
	width:100%;
	background-color: #fff;
	overflow: hidden;
<<<<<<< .mine
	height:236px;
	position: relative;
=======
	height:20em;
	position: relative;
>>>>>>> .r114
}
.indexClassify ul{
	width:92%;
	overflow: hidden;
	margin:0 4%;
}
.indexClassify li{
	width:19.9%;
	margin:1em 0%;
	float:left;
	text-align: center;
}
.indexClassify img{
	width:68%;
	border-radius: 50%;
}
.indexClassify p{
	text-align: center;
	font-size: 1.15em;
}
.indexShop{
	width:100%;
	background-color:#fff;
	margin-top:1em;
}
.indexShopBar{
	font-size:1.25em;
	color:#4e4e4e;
	line-height: 2.5em;
	border-bottom:1px solid #f1f1f1;
}
.indexShopBar img{
	height:0.8em;
	margin:0 0.3em;
	padding-left:5%;
}
.indexShop ul{
	width:90%;
	padding:0 5%;
	overflow: hidden;
}
.indexShop li{
	width:100%;
	overflow: hidden;
	border-bottom:1px solid #f1f1f1;
	padding:0.6em 0;
	color:#4e4e4e;
}
.indexShop li a{
	color:#4e4e4e;
}
.indexShop .shopLeft{
	float:left;
	width:32%;
	text-align: left;
}
.indexShop .shopLeft img{
	width:86%;
	height:5.5em;
}
.indexShop .shopRight{
	float:right;
	width:67%;
}
.indexShop .shopRight h2{
	font-size:1.3em;
	line-height: 1.2em;
	padding-bottom: 0.3em;
}
.indexShop .shopRight h2 span{
	float:right;
	font-size:0.9em;
}
.indexShop .shopRight h2 i img{
	float:right;
	height:1.1em;
}
.indexShop .shopRight p{
	font-size:0.8em;
	line-height: 1.5em;
}
.indexShop .shopRight p img{
	height:0.9em;
	margin-right:0.3em;
}

/*introduce*/
.main_visual{height:18em;width:100%;overflow:hidden;position:relative;}
.main_image{height:100%;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:100%;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:100%;}
.main_image li span{display:block;width:100%;height:100%}
.main_image li a{display:block;width:100%;height:100%}
.main_image li img{width:100%;height:100%;}
div.flicking_con{position:absolute;bottom:1em;left:50%;z-index:999;width:300px;height:21px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('../images/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -21px}
.introduceMain{
	width:100%;
	background-color:#f1f1f1;
	padding-bottom:5.5em;
}
.introAno{
	width:100%;
	background-color: #fff;
	margin-top:0.5em;
	position:relative;
}
.introAno_topay_button{
	height:2.4em;
	line-height: 2.4em;
	padding:0 1.5em;
	font-size:1.15em;
	color:#fff;
	background-color:#530a0e;
	display: inline-block;
	position:absolute;
	top:2em;
	right:5%;
	border-radius:0.6em;
}
.introAno_topay_button img{
	width:1.3em;
	vertical-align: text-top;
	margin-right:1em;
}
.introAno_topay_button a{
	color:#fff;
}
.introAnoBar{
	font-size:1.25em;
	color:#4e4e4e;
	line-height: 2.2em;
	margin:0 5%;
}
.introAnoMain{
	width:90%;
	padding:0 5%;
	/*border:1px solid #f1f1f1;*/
}
.introAnoMain h2{
	font-size:1.3em;
	line-height: 1.2em;
	padding-bottom: 0.3em;
}
.introAnoMain h2 i img{
	float:right;
	height:1.1em;
}
.introAnoMain p{
	font-size:0.9em;
	line-height: 1.5em;
}
.introAnoMain p img{
	height:0.9em;
	margin-right:0.3em;
}
.introAnoAddress{
	width:100%;
	border-top:1px solid #f1f1f1;
	position: relative;
	margin-top:0.3em;
	padding:0.3em 0;
}
.introAnoAddress img{
	height:1.5em;
	position:absolute;
	top:0;
	bottom:0;
	margin:auto 0;
}
.introAnoAddress p{
	width:70%;
	margin:0em 15%;
	font-size:1.05em;
	color:#4e4e4e;
	line-height: 1.3em;
	border-right: 1px solid #f1f1f1;
}
.addr-img-01{
	left:5%;
}
.addr-img-02{
	right:5%;
}
.introShop{
	width:100%;
	background-color:#fff;
	margin-top:0.5em;
}
.introShop p img{
	width:100%;
	vertical-align:bottom;
}










/*底部*/
#footer{
	width:100%;
}
.fooBottm {
	width:100%;
	background-color:#8e8d8d;
	overflow: hidden;
}
.fooBottm a{
	color:#fff;
}
.fooBottm li{
	width:33%;
	height:2.7em;
	font-size:1.6em;
	line-height:2.5em;
	float:left;
	text-align: center;
	color:#e3e2e2;
}
.footerLiClicked{
	background-color:#000;
}

.fooBottm li:last-child{
	float:right;
}
.fooBottmMore{
	width:33%;
	background-color:#8e8d8d;
	overflow: hidden;
	position:fixed;
	bottom:4.5em;
	right:0;
	display: none;
}
.fooBottmMore a{
	color:#fff;
}
.fooBottmMore li{
	width:100%;
	height:2em;
	font-size:1.6em;
	line-height:2em;
	text-align: center;
	color:#e3e2e2;
}
.fooBottmMore li:hover{
	background-color:#000;
}
.fooBottmMoreLiClicked{
	background-color:#000;
}
.fooBottmMoreClicked{
	display: block;
}

/*payOrder*/
.order_p1 img{
	width:5em;
	height:5em;
	border-radius: 50%;
	margin-top:0.7em;
	margin-bottom:2.3em;
	border:#fff 0.3em solid;
}
.orderMain{
	width:100%;
	margin-top:1em;
	border-top:1px #ccc solid;
	border-bottom:1px #ccc solid;
	position: relative;
}
.orderMain p{
	width:90%;
	font-size:1.2em;
	padding:0px 5%;
}
.orderMain span{
	display: inline-block;
	width:5.5em;
	font-size:14px;
}
.orderMain_p1,.orderMain_p2,.orderMain_p3,.orderMain_p4,.orderMain_p5{
	/*height:2em;*/
	line-height: 3.2em;
}
.orderMain_p1 span{
	color:#781319;
}
.orderMain_p2 span{
	width:100%;
}
.orderMain_p2 img{
	width:1.1em;
	vertical-align:text-top;
	float:right;
}
.orderMain_p3{
	margin:0.5em 0;
}
.orderMain_p1 input{
	width:18em;
	height:2em;
	font-size:1.5em;
	outline: 0px;
	padding:0.2em 0.8em;
	border:#999 1px solid;
	border-radius:0.5em;
	margin-right:0.8em;
}
.orderMain_p3 input{
	width:4em;
	font-size:1em;
	outline: 0px;
	padding:0.2em 0.8em;
	border:#999 1px solid;
	border-radius:0.5em;
	margin-right:0.8em;
}
.orderMain_p5 input{
	display: inline-block;
	  width: 4em;
	padding:0.2em 0.8em;
	/*width:5em;*/
	background:transparent;
	border:1px solid #999;
	border-radius:10px;
	font-size:1em;
	outline: 0;
	color:#000;
}
.orderMain_p6{
	margin-top:0.3em;
}
.orderMain_p6 textarea{
	width:70%;
	height:4em;
	resize:none;
	border-radius:0.5em;
	border:#999 1px solid;
	vertical-align: text-top;
	outline: none;
	font-size:1em;
}
.orderMain_button{
	width: 100%;
  	text-align: center;
}
.orderMain_button p{
	width:8em;
	display: inline-block;
	background-color:#530a0e;
	height:2.8em;
	font-size:1.8em;
	text-align: center;
	line-height: 2.5em;
	border-radius:0.8em;
	margin-right:5%;
	margin: 0.8em 5% 0.8em 0;
}
.orderMain_button a{
	color:#fff;
}
.payByAnother{
	width:8em;
	position: absolute;
	left:3%;
	bottom:1.4em;
}
.payByAnother p{
	color:#000;
	margin:0;
}
.payByAnother p span{
	width:1.3em;
	height:1.3em;
}
.payByAnother .orderMain p{
	width:auto;
}
.payByAnother .appllyPay_p{
	width:auto;
}


/*selectResult*/
.resultAll{
	padding-bottom:5em;
}
.resultSelect{
	width:100%;
	position:relative;
}
.resultSelect p{
	width:50%;
	/*height:2.5em;*/
	border-radius:0.5em;
	border:#999 1px solid;
	margin-top:1.5em;
	margin-left:5%;
	padding:0.5em 1em;
}
.resultSelect p input{
	width:100%;
	height:98%;
	font-size:1.2em;
	line-height:1.6em;
	border:0;
	outline: 0;
}
.resultSelect_button{
	width:6em;
	padding:0.5em 0em;
	
	background-color:#530a0e;
	text-align: center;
	font-size:1.3em;
	position:absolute;
	border-radius:0.5em;
	position:absolute;
	right:5%;
	top:0;
}
.resultSelect_button a{
	color:#fff;
}
.resultInformation table{
	width:100%;
	margin-top: 2em;
	border-top: #969696 1px solid;
	border-bottom: #969696 1px solid;
	margin-bottom: 1em;
	border-collapse:collapse;
	border-spacing:0
}
.resultInformation table tr{
}
.resultInformation table th{
	font-size:1.1em;
	line-height: 2em;
	font-weight: 300;
}
.resultInformation table td{
	/*width:17%;*/
	font-size:1em;
	padding:0;
	text-align: center;
	border-top: #969696 1px solid;
	padding:0.4em 0 0.4em 0;
	position: relative;
}
.resultInformation tr td:first-child{
	width:18.3%;
}
.resultInformation tr td:nth-child(2){
	width:18.7%;
	color:#000;
}
.resultInformation tr td:nth-child(3){
	width:17%;
	text-align: left;
}
.resultInformation tr td:nth-child(4){
	width:16.1%;
}
.resultInformation tr td:nth-child(5){
	width:16.1%;
}
.resultInformation tr td:last-child{
	/*padding-bottom:0em;*/
}
.resultBefore{
	height:1.8em;
	padding:0 0.5em;
	display: inline-block;
	background-color:#530a0e;
	border-radius: 0.5em;
	line-height: 1.8em;
	color:#fff;
	margin-bottom:0.5em;
}
.resultBefore a{
	color:#fff;
}
.resultAfter{
	/*display: none;*/
}
.resultAfterSpan{
	padding: 0.1em 0.5em;
	display: inline-block;
	background-color: #530a0e;
	border-radius: 0.2em;
	color: #fff;
	margin:0.1em 0;
}
.resultAfterSpan a{
	color:#fff;
}

/*selectTerm*/
.termAll{
	padding-bottom:5em;
}
.termList{
	width:100%;
	margin-top:2em;
}
.termList li{
	width:90%;
	padding:0 5%;
	overflow: hidden;
}
.termList li p{
	width:100%;
	font-size:1.25em;
	line-height: 2.3em;
}
.termList li input,.termList li select{
	border:1px #999 solid;
	border-radius:0.5em;
	font-size: 1.15em;
	outline:none;
}
.termList li:first-child input{
	width:39.5%;
	padding:0 3%;
	background:url(../images/term_riqi.png) no-repeat  95% center;
	background-size: 1.5em 1.5em;
	line-height: 2em;
}
.termList li:first-child span{
	width:5%;
	display:inline-block;
	text-align: center;
	color:#999;
}
.termList li:nth-child(2) input{
	width:94%;
	padding:0 3%;
	line-height: 2em;
}
.termList li:nth-child(3) select{
	/*height:2.1em;*/
	width:100%;
	display: block;
	padding:0.35em 0;
}
.termList_button{
	width:100%;
	height:2.35em;
	line-height: 2.35em;
	font-size:1.3em;
	text-align: center;
	background-color:#530a0e;
	border-radius:0.5em;
	margin-top:2.3em;
}
.termList_button a{
	color:#fff;
}
/*payFinishHind*/
.finindAll{
	padding-bottom:5em;
}
.finindSuccess{
	width:100%;
	text-align: center;
}
.finindSuccess_01 img{
	width:5.2em;
	margin-top:3em;
}
.finindSuccess_02{
	font-size:1.7em;
	color:#22bc92;
	font-weight:600;
	padding:0.5em 0;
}
.finindSuccess_03{
	font-size:1.2em;
	color:#333;
}
.finindIntro{
	background-color:#fff;
	margin-top:3em;
	padding:0.5em 0;
}
.finindIntro p{
	width:90%;
	padding:0 5%;
	font-size:1.2em;
	line-height: 2.1em;
	color:#666;
}
.finindIntro p span{
	float:right;
}






/** Base container **/
.kalendae {
	position:absolute;
	top:-1em;
	width:90%;
	display: inline-block;zoom:1;*display:inline;
	/*background:#eee;*/
	background:url(../images/show_rili_bc.png) no-repeat;
	background-size:100% 100%;
	padding: 1em 5%;
	margin:0;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size:11px;
	font-family:'Helvetica Neue', 'Helvetica';
	cursor:default;
	position:relative;
}

/** Popup Container for Kalendae.Input **/
.kalendae.k-floating {
	position:absolute;
	top:0;
	left:0;
	z-index:100000;
	margin:0;
	box-shadow:0 1px 3px rgba(0,0,0,0.75);
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.75);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.75);
}

/** Kalendae.Input's popup close button **/
.kalendae .k-btn-close {
	position:absolute;
	top:-8px;
	right:-8px;
	width:16px;
	height:16px;
	background:white;
	border:2px solid #ccc;
	color:#999;
	line-height:17px;
	text-align:center;
	font-size:13px;
	border-radius:10px;
	box-shadow:0 1px 3px rgba(0,0,0,0.75);
	cursor:pointer;
	text-decoration:none;
}
.kalendae .k-btn-close:after {content:"\2716";}
.kalendae .k-btn-close:hover {
	color:#7EA0E2;
	background:white;
	border-color:#7EA0E2;
}

/** Month Container **/
.kalendae .k-calendar {display: inline-block;zoom:1;*display:inline;width:100%;vertical-align:top;}

/** Month Separator **/
.kalendae .k-separator {display: inline-block;zoom:1;*display:inline;width:2px;vertical-align:top;background:#ddd;height:155px;margin:0px 10px;}

/** Month Title Row **/
.kalendae .k-title {text-align:center;white-space:nowrap;position:relative;height:7em;}
.kalendae .k-caption {font-size:1.7em;line-height:4.5em;color:#fff;}


/** Month and Year Buttons **/
.kalendae .k-btn-previous-month,
.kalendae .k-btn-next-month,
.kalendae .k-btn-previous-year,
.kalendae .k-btn-next-year {
	width:3em;
	height:16px;
	cursor:pointer;
	position:absolute;
	top:-3px;
	color:#fff;
	font-size:3.7em;
	line-height: 2em;
	/*font-weight: bold;*/
	font-family: arial;
	text-decoration:none;
}

.kalendae .k-btn-previous-year {left:0;}
.kalendae .k-btn-previous-month {left:10%;}
.kalendae .k-btn-next-month {right:10%;}
.kalendae .k-btn-next-year {right:0;}

.kalendae .k-btn-previous-month:after {content:"\2039";}
.kalendae .k-btn-next-month:after {content:"\203A";}

.kalendae .k-btn-previous-year:after {content:"\00AB";}
.kalendae .k-btn-next-year:after {content:"\00BB";}

.kalendae .k-btn-previous-month:hover,
.kalendae .k-btn-next-month:hover {color:#7EA0E2;}

.kalendae .k-btn-previous-year:hover,
.kalendae .k-btn-next-year:hover {color:#777;}

/** Remove extra buttons when calendar shows multiple months **/
.kalendae .k-first-month .k-btn-next-month,
.kalendae .k-middle-month .k-btn-next-month,
.kalendae .k-middle-month .k-btn-previous-month,
.kalendae .k-last-month .k-btn-previous-month,
.kalendae .k-first-month .k-btn-next-year,
.kalendae .k-middle-month .k-btn-next-year,
.kalendae .k-middle-month .k-btn-previous-year,
.kalendae .k-last-month .k-btn-previous-year {display:none;}

/** Disable year nav option **/
.kalendae .k-title.k-disable-year-nav .k-btn-next-year,
.kalendae .k-title.k-disable-year-nav .k-btn-previous-year { display: none; }
.kalendae .k-title.k-disable-year-nav .k-btn-next-month { right: 0; }
.kalendae .k-title.k-disable-year-nav .k-btn-previous-month { left: 0; }

/** Force specific width for month container contents **/
.kalendae .k-title,
.kalendae .k-header,
.kalendae .k-days {
	width:100%;
	display:block;
	overflow:hidden;
}


/** Hide unusable buttons **/
.kalendae.k-disable-next-month-btn .k-btn-next-month,
.kalendae.k-disable-previous-month-btn .k-btn-previous-month,
.kalendae.k-disable-next-year-btn .k-btn-next-year,
.kalendae.k-disable-previous-year-btn .k-btn-previous-year {
	display:none;
}


/** Week columns and day cells **/
.kalendae .k-header span,
.kalendae .k-days span {
	float:left;
	margin:1px 1px;
	font-size:1.7em;
}

.kalendae .k-header span {
	text-align:center;
	font-weight:500;
	width:13.5%;
	padding:1px 0;
	color:#fff;
}

.kalendae .k-days span {
	text-align:right;
	width:11%;
	height:2em;
	line-height: 1.9em;
	text-align: center;
	font-size: 1.55em;
	padding: 0.1em 0;
	margin:0em 1.3%;
	/*border:1px solid transparent;*/
	border-radius:1.5em;
	color:#999;
}

/** Today **/
.kalendae .k-today {
	text-decoration:underline;
}

/** Days inside of the month view **/
.kalendae .k-days span.k-in-month.k-active {
	border-color:#ddd;
	/*background-color:#fff;*/
	border:solid 1px transparent;
	color:#fff;
}
/** Days outside of the month view (before the first day of the month, after the last day of the month) **/
.kalendae .k-days span.k-out-of-month {color:#878787; border:solid 1px transparent;}

/** Selectable  **/
.kalendae .k-days span.k-active {
	cursor:pointer;
}

/** Selected day, when outside the selectable area **/
.kalendae .k-days span.k-selected {
	border-color:#1072A5;
	color:#1072A5;
}

/** Selected day, when inside the selectable area **/
.kalendae .k-days span.k-selected.k-active {
	background:#7EA0E2;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#b3acdd,endColorStr=#5a161e); /*IE 6 7 8*/ 
	background: -ms-linear-gradient(top, #b3acdd,  #5a161e);        /* IE 10 */
	background:-moz-linear-gradient(top,#b3acdd,#5a161e);/*火狐*/ 
	background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#b3acdd), to(#5a161e));/*谷歌*/ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b3acdd), to(#5a161e));      /* Safari 4-5, Chrome 1-9*/
	background: -webkit-linear-gradient(top, #b3acdd, #5a161e);   /*Safari5.1 Chrome 10+*/
	background: -o-linear-gradient(top, #b3acdd, #5a161e);  /*Opera 11.10+*/
	color:white;
	border:#5b161d 1px solid;
	box-shadow: 0 0 2em rgba(91, 22, 29, 1);
	-webkit-box-shadow: 0 0 2em rgba(91, 22, 29, 1);
	-moz-box-shadow: 0 0 2em rgba(91, 22, 29, 1);
}

/** Days between the start and end points on a range, outside of the selectable area **/
.kalendae .k-days span.k-range {
	background:none;
	border-color:#6DD4FE;
}

/** Days between the start and end points on a range, inside of the selectable area **/
.kalendae .k-days span.k-range.k-in-month {
	background:#C4D4F1;
	border-color:#19AEFE;
	color:#333;
}

/** Selectable day, hovered **/
.kalendae .k-days span.k-active:hover {
	border-color:#666;
}

/** Selectable week, hovered **/
.kalendae .k-week:hover span.k-active {
	border-color:#666;
}

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

/*-------------------------------------IE8 ONLY CODE BELOW THIS LINE--------------------------------------------*/

.kalendae.ie8.k-floating {
	border:1px solid #ccc;
}

.kalendae.ie8 .k-btn-close {
	width:20px;
	height:20px;
	border:none;
	background:url('close.png') no-repeat top left;
}
.kalendae.ie8 .k-btn-close:after {display:none;}

.kalendae.ie8 .k-btn-previous-month,
.kalendae.ie8 .k-btn-next-month,
.kalendae.ie8 .k-btn-previous-year,
.kalendae.ie8 .k-btn-next-year {width:16px;height:16px;cursor:pointer;background:#777 url('arrows.png') no-repeat center left;position:absolute;top:0;}

.kalendae.ie8 .k-btn-next-month,
.kalendae.ie8 .k-btn-next-year {background-position:center right;}

.kalendae.ie8 .k-btn-previous-month:hover,
.kalendae.ie8 .k-btn-next-month:hover {background-color:#7EA0E2;}

.kalendae.ie8 .k-btn-previous-year,
.kalendae.ie8 .k-btn-next-year {background-color:#333;}

.kalendae.ie8 .k-btn-previous-year:hover,
.kalendae.ie8 .k-btn-next-year:hover {background-color:#6FDF81;}

.kalendae.ie8 .k-btn-previous-month:after,
.kalendae.ie8 .k-btn-next-month:after,
.kalendae.ie8 .k-btn-previous-year:after,
.kalendae.ie8 .k-btn-next-year:after {display:none;}
<<<<<<< .mine



.mod_control {
  position: absolute;
  z-index: 90;
  width:100%;
  bottom: 20px;
  
   
}
.mod_tag {
  margin: 0;
  padding: 0;
  padding-left: 40%
}
.mod_tag .current {
  background-color: #000;
}
.mod_tag li {
  float: left;
  width: 7px;
  height: 7px;
  -webkit-border-radius: 50%;
  background-color: #999;
  margin-right: 9px;
  list-style: none;
  margin-top: 8px;
  padding: 0;
}
.mod_tag li span {
  display: none;
}



.mod_control {
  position: absolute;
  z-index: 90;
  width:50%;
  bottom: 20px;
  left: 50%;
  margin-left: -30px;
}
.mod_tag {
  margin: 0;
  padding: 0;
}
.mod_tag .current {
  background-color: #fff;
}
.mod_tag li {
  float: left;
  width: 7px;
  height: 7px;
  -webkit-border-radius: 50%;
  background-color: rgba(255,255,255,.5);
  margin-right: 9px;
  list-style: none;
  margin-top: 0;
  padding: 0;
}
.mod_tag li span {
  display: none;
}