@charset "UTF-8";

.top{
	width: 100%;height: 4.4rem;line-height: 4.4rem; font-size: 1.4rem; position: relative;
	text-align: center; background: #46b2f6; color: #FFF;
	position: fixed; left: 0; top: 0; z-index: 1000;
}
.backbtn{background: url(../image2/back.png) 0.9rem center no-repeat; background-size: 1.8rem;}
.top .back{
	position: absolute;left: 0;display: block; width: 4.0rem; height: 100%;
	background: url(../image2/back.png) 0.9rem center no-repeat; background-size: 1.8rem;
}
.top .pic{
	position: absolute;left: 1.5rem;top: 0.7rem; display: block; width: 3rem; height: 3rem; overflow: hidden;
	-moz-border-radius: 1.5rem;
    -webkit-border-radius: 1.5rem;
    border-radius:1.5rem;
}
.top .rightbtn{position: absolute;right: 1.2rem;top: 0; display: inline;color: #FFF;font-size: 1.5rem;}
.top .add{
	position: absolute;right: 0;display: block; width: 4.0rem; height: 100%;
	background: url(../image2/top_add.png) 0.9rem center no-repeat; background-size: 1.8rem;
}
.top .search{
	position: absolute;right: 0; display: block; width: 4.0rem; height: 100%;
	background: url(../image2/search2.png) center no-repeat;background-size: 1.8rem;
}
.top .share{
	position: absolute;right: 0; display: block; width: 4.0rem; height: 100%;
	background: url(../image2/share.png) center no-repeat;background-size: 2rem;
}
.top .save{
	position: absolute;right: 0; width: 4.4rem; height: 2.3rem; line-height: 2.3rem; margin: 1rem 0.7rem; padding: 0; text-align: center;
	color: #DDF2FF; border: #74C9FF 1px solid; background: transparent; font-size: 1.2rem;
	-moz-border-radius: 0.4rem;      /* Gecko browsers */
    -webkit-border-radius: 0.4rem;   /* Webkit browsers */
    border-radius:0.4rem;            /* W3C syntax */
}

.toph{ width: 100%;height: 4.4rem;}
.footh{ width: 100%;height: 4.9rem;}

.menu{
	position: fixed; left: 0;bottom: 0; z-index: 1000;
	width: 100%;height: 4.9rem;border-top: #ececec 1px solid; background: #f8f8f8;
	text-align: center;font-size: 0;white-space:nowrap;
}
.menu li{
	display: inline-block; vertical-align: middle;font-size: 1.0rem; position: relative;
	width: 25%;height: 100%;margin: 0; line-height: 7.6rem;
}
.menu li a{
	display: block;width: 100%;height: 100%;
	color: #bdbdbd; text-align: center; overflow: hidden;
}
.menu li.liOver a{color: #29a6f5; background-size: 2.2rem;}
.menu li .dian{
	position: absolute;left: 50%;top: 0.4rem;margin-left: 1.2rem; width: 0.7rem;height: 0.7rem; background: #f83b3b;
	-moz-border-radius: 0.35rem;      /* Gecko browsers */
    -webkit-border-radius: 0.35rem;   /* Webkit browsers */
    border-radius:0.35rem;            /* W3C syntax */
}
.menu li a i{display: block; position: absolute;left: 50%;top: 0.7rem;width: 2.2rem;height: 2.2rem;margin-left: -1.1rem; overflow: hidden;}
.menu li a i img{display: block; width: 2.2rem;}
.menu li.liOver a i img{margin-top: -2.2rem;}
/*
.menu li:nth-child(1) a{background: url(../image2/menu_xueche.png) center 0.7rem no-repeat; background-size: 2.2rem;}
.menu li:nth-child(2) a{background: url(../image2/menu_lilun.png) center 0.7rem no-repeat; background-size: 2.2rem;}
.menu li:nth-child(3) a{background: url(../image2/menu_xiaoxi.png) center 0.7rem no-repeat; background-size: 2.2rem;}
.menu li:nth-child(1).liOver a{background: url(../image2/menu_xueche_on.png) center 0.7rem no-repeat; background-size: 2.2rem;}
.menu li:nth-child(2).liOver a{background: url(../image2/menu_lilun_on.png) center 0.7rem no-repeat; background-size: 2.2rem;}
.menu li:nth-child(3).liOver a{background: url(../image2/menu_xiaoxi_on.png) center 0.7rem no-repeat; background-size: 2.2rem;}*/

.listRow{display: table;width: 100%;height: auto;background: #FFF; margin-top: 0.9rem;}

.bluebg{background-color: #46b2f6;}.bluecolor{color: #46b2f6;}
.jucolor{color: #fa8c5c}.jubg{background-color: #fa8c5c}
.lvcolor{color: #63e063}.lvbg{background-color: #63e063}
.zibg{background: #e5a7fa;}.zicolor{color: #e5a7fa;}
.redcolor{color: #e50b0b;}.redbg{background-color: #e50b0b}
.f8bg{background: #f8f8f8;}.yellowbg{background: #ffda3f;}
.bbbg{background: #bbb;}
.blackbg{
	position: absolute;width: 100%;height: 100%; background: #000;
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
/*弹窗*/
.upper{	position: fixed; z-index: 999; left: 0; top: 0; width: 100%;height: 100%;}
.upper .text{
	position: absolute; left: 50%;top: 50%;width: 25.0rem;height: 25.0rem; margin-left: -12.5rem;margin-top: -12.5rem;
	background: #FFF; overflow: auto;
}
.upper .bg{
	width: 100%; height: 100%;background: #000;
	-moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; filter:alpha(opacity=70);
}
/*动画*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated2s {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/**
 +------------------------------------------------------------------------------
 * 按钮列
 +------------------------------------------------------------------------------
*/
.btnlist{display: table; width: 100%; height: auto; border-top: #e2e2e2 1px solid; margin-top: 0.9rem;}
.btnlist li{
	position: relative;width: 100%;height:4.35rem; line-height: 4.35rem; display: table;
	border-bottom: #e2e2e2 1px solid; background: #FFF;	font-size: 0;
}
.btnlist li dt:after,.btnlist li dd:after {display: inline-block;vertical-align: middle; content:""; width: 0;height: 100%; }
.btnlist li dt{float: left;margin-left:0.9rem;font-size: 0;}
.btnlist li dd{position: absolute;right: 0.9rem;top: 0;font-size: 0;}
.btnlist li dt>div{display: inline-block; vertical-align: middle;margin-right:0.6rem; font-size: 1.3rem;}
.btnlist li dd>div{display: inline-block; vertical-align: middle;margin-left:0.6rem; font-size: 1.3rem;}
.btnlist li .text{color: #999;}
.btnlist li .icon{width: 2rem; height:2rem;vertical-align: middle;margin-right:0.9rem;}
.btnlist li .jinru{
	width: 3rem; height:4.35rem;
	background: url(../image2/jinru.png) center no-repeat; background-size: 1.8rem;
}
.btnlist li .area{position: absolute;left: 0;top: 0; display: block;width: 100%;height: 100%;}
.btnlist li .label{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.btnlist li .pic{
	width: 2.7rem; height: 2.7rem; overflow: hidden; vertical-align: middle;
	-moz-border-radius: 1.35rem;      /* Gecko browsers */
    -webkit-border-radius: 1.35rem;   /* Webkit browsers */
    border-radius:1.35rem;            /* W3C syntax */
}

/**
 +------------------------------------------------------------------------------
 * 首页
 +------------------------------------------------------------------------------
*/

.jiaoZhouCon{display: table;width: 100%;height: 4.3rem;position: fixed;top: 4.4rem;left: 0;z-index: 999;}

.jiao_zhou{
	display: table;width: 100%;height: 4.5rem; text-align: center; font-size: 0; line-height: 1.5rem;background: #46b2f6; position: relative;z-index: 10;
}
.jiao_zhou li{display: inline-block;vertical-align:middle;width: 4.1rem;height: auto;margin: 0 0.1rem; font-size: 1.2rem;}
.jiao_zhou li a{
	display: block;width: 100%;height: 3.7rem; padding-top: 0.8rem; color: #FFF;
	text-align: center; overflow: hidden;
}
.jiao_zhou .thistab a,.jiao_zhou .swiper-pagination-bullet-active a{color: #46b2f6;background: #FFF; /*border-bottom: #46b2f6 0.25rem solid;*/}

.jiao_kemu{
	display: table; width: 100%; height: auto; margin: 4.6rem auto 0; padding-bottom: 0.85rem;
	font-size: 0; text-align: center; position: relative; z-index: 99;
}
.jiao_kemu li{
	display: inline-block;vertical-align:top;width: 6.9rem; height: 4.0rem; margin: 0.84rem 0.36rem 0; position: relative;
	font-size: 1.2rem;line-height: 1.9rem; padding: 1.4rem 0; color: #46b2f6; background: #FFF; border: #46b2f6 1px solid; overflow: hidden;
	-moz-opacity:0.87; -khtml-opacity: 0.87; opacity: 0.87;
	-moz-border-radius: 0.5rem;      /* Gecko browsers */
    -webkit-border-radius: 0.5rem;   /* Webkit browsers */
    border-radius:0.5rem;            /* W3C syntax */
}
.jiao_kemu li i{
	position: absolute;right: 0;bottom: 0;color: #FFF;
	display: block;width: 0;height: 0;border-bottom: 3rem solid #46b2f6;border-left: 3rem solid transparent;
}
.jiao_kemu li i span{position: absolute;right: 0.2rem;top: 1.1rem;font-size: 1.0rem}

.jiao_kemu .guoqi{ color: #ddd; background: #FFF;border: #ddd 1px solid;}
.jiao_kemu .guoqi i{border-bottom: 3rem solid #ddd;border-left: 3rem solid transparent;}
.jiao_kemu .weiyue{ color: #46b2f6; background: #FFF; border: #46b2f6 1px solid;}
.jiao_kemu .yiyue{ color: #FFF; background: #46b2f6;border: #46b2f6 1px solid;}
.jiao_kemu .yiyue i{ color: #46b2f6;border-bottom: 3rem solid #FFF;border-left: 3rem solid transparent;}
/*.jiao_kemu .weikai{ color: #676767; background: #E3E3E3;border: #3ECCA9 1px dashed;}*/
.jiao_kemu li .shi{ font-size: 2.7rem;font-style: italic;}

.jiao_kemu .active{color: #FFFBAC; background: #46b2f6;border: #46b2f6 1px solid;}
.jiao_kemu .active i{ color: #46b2f6;border-bottom: 3rem solid #FFF;border-left: 3rem solid transparent;}
.jiao_kemu .prize{border: none;background: url(../image2/play/play_xingyun.gif) center no-repeat;background-size: 6.9rem;}

.rizi{
	position: fixed;left: 0;top: 52%;width: 100%; text-align: center;color: #D1D1D1;font-size: 22rem; z-index: 0;
}
.jiao_con{width: 100%; height: auto;}

.jiao_yue{
	width: 50%;height: 4.0rem;line-height: 4rem;color: #FFF;text-align: center;margin: 1.5rem auto 0;font-size: 1.5rem;
	position: relative;z-index: 10;
	-moz-border-radius: 0.6rem;
    -webkit-border-radius: 0.6rem;
    border-radius:0.6rem;
}
.jiao_txt{width: 100%;margin: 1.0rem auto;font-size: 1.5rem;text-align: center;position: relative;z-index: 10;}

/*弹窗*/
.yuyueUpper .text{
	width: 26.0rem;height: 18.0rem; margin-left: -13rem; margin-top: -9rem;
	background: #FFF; overflow: auto;line-height: 0; font-size: 0; text-align: center; background: #EAF0F4;
	-moz-border-radius: 0.6rem;
    -webkit-border-radius: 0.6rem;
    border-radius:0.6rem;
}
.yuyueUpper .pic{display: inline-block;width: 10.3rem;margin: 2rem 0.7rem;font-size: 1.3rem;-moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.yuyueUpper .pic .num{
	width: 100%;height: 2.2rem;line-height: 2.2rem;background: #A4A4A4;color: #FFF;font-size: 1.2rem;margin: 1.0rem auto 0;
	-moz-border-radius: 0.3rem;
    -webkit-border-radius: 0.3rem;
    border-radius:0.3rem;
}
.yuyueUpper .tu{
	width: 10rem;height: 10rem;position: relative;overflow: hidden;margin: 0 auto;
	-moz-border-radius: 0.6rem;
    -webkit-border-radius: 0.6rem;
    border-radius:0.6rem;
}
.yuyueUpper .tu div{
	position: absolute;left: 0;bottom: 0;width: 100%;height: 2.4rem;line-height: 2.4rem; background: #000;color: #FFF;
	-moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;
}

.yuyueUpper .tu .area{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}

.yuyueUpper .option{-moz-opacity:1; -khtml-opacity: 1; opacity: 1;}
.yuyueUpper .option .tu{ border:#A4BAE9 0.3rem solid;}
.yuyueUpper .option .num{background: #0039B0;}
.yuyueUpper .option .tu div{background: #0039B0;}

/**
 +------------------------------------------------------------------------------
 * 单选框 & 多选框
 +------------------------------------------------------------------------------
*/

.checkboxFive2{width:3.0rem; height: 3.0rem; line-height: 3.0rem;text-align: center; position:relative;}
.checkboxFive2 label{
	cursor:pointer;position:absolute;width:3.0rem;height:3.0rem;top:-1px;left:-1px;background:#DADADA;border:1px solid #cbcbcb;
	-moz-border-radius: 1.5rem;      /* Gecko browsers */
    -webkit-border-radius: 1.5rem;   /* Webkit browsers */
    border-radius:1.5rem;            /* W3C syntax */
}
.checkboxFive2 label:after{
	opacity:0.6;content:'';position:absolute;width:1.7rem;height:0.8rem;background:transparent;
	top:0.8rem;left:0.47rem; border:0.25rem solid #FFF; border-top:none;border-right:none;
	-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);
}
.checkboxFive2 label:hover::after{opacity:0.8;}
.checkboxFive2 input[type=checkbox]:checked+label:after,.checkboxFive2 input[type=radio]:checked+label:after{opacity:1;}
.checkboxFive2 input[type=checkbox]:checked+label,.checkboxFive2 input[type=radio]:checked+label{background:#46b2f6;}
.checkboxFive2 input[type=checkbox],.checkboxFive2 input[type=radio]{display: none;}

.btnlist li dd .checkboxFive2{margin-left:2rem;}
.btnlist li.gerenpic dt{width: 100%; height: 7.8rem;text-align: center;margin: 0;}
.btnlist li.gerenpic .pic{width: 6.0rem;height: 6.0rem;margin: 0.9rem auto;}
/**
 +------------------------------------------------------------------------------
 * 我的侧滑
 +------------------------------------------------------------------------------
*/
.wode{display: block; width: 100%;height: auto;font-size: 0; text-align: left; padding: 0.7rem 0 0.7rem; position: relative;}
.wode dt{
	width: 6.0rem;height: 6.0rem;margin: 0 0 0.5rem 2.5rem;overflow: hidden;display: inline-block;vertical-align: middle;
	-moz-border-radius: 3rem;
    -webkit-border-radius: 3rem;
    border-radius:3rem;
}
.wode div{display: inline-block;text-align: left;vertical-align: middle;margin-left: 1rem;}
.wode div dd{display: inline-block;vertical-align: middle;font-size: 1.5rem;line-height: 2rem; margin: 0.5rem 0.6rem;}
.wode .name{font-size: 1.8rem; padding-right: 2.2rem;}
.wode .girl{background: url(../image2/girl.png) right center no-repeat; background-size: 1.5rem;}
.wode .boy{background: url(../image2/boy.png) right center no-repeat; background-size: 1.5rem;}
.wode .txt{/*padding-left: 1.8rem; background: url(../image2/wodechengnuo.png) left center no-repeat; background-size: 1.8rem;*/}

.cehua{display: block; overflow: auto;padding: 0;margin: 0;border: none;}
.cehua li{height:4.6rem; line-height: 4.6rem;}
.cehua li .icon{width: 2.3rem;height: 2.3rem; margin-left: 1.8rem;}
.cehua li dt>div{ font-size: 1.6rem;position: relative;}
.cehua li .dian{
	position: absolute;right: -1rem;top: 0.5rem;width: 0.8rem;height: 0.8rem;display: block; background: red;
	-moz-border-radius: 0.4rem;
    -webkit-border-radius: 0.4rem;
    border-radius:0.4rem;
}

/**
 +------------------------------------------------------------------------------
 * 登录
 +------------------------------------------------------------------------------
*/
.l_logo{
	width: 100%;height: 22%;margin: 0 auto; padding-top: 4.2rem;
}
.l_logo img{display: block;margin: 0 auto; height: 100%;}
.login_bg{background: url(../image2/login_bg.jpg) center no-repeat; background-size: cover;background-attachment:fixed;}

.login{width: 92%;height: auto;margin: 1.8rem auto;}
.login li{width: 100%;height: 5.35rem;line-height: 5.35rem;border-bottom: #ececec 1px solid;}
.login li dt{float: left;display: inline;width: 3.0rem;height: 100%;}
.login li dd{width: auto;height: 100%; margin-left: 3.0rem;}
.login li input{width: 90%; height: 3.6rem; font-size: 1.6rem; line-height: 3.7rem; border: 0; margin: 0.8rem 0;background:transparent;color: #FFF;}
.login li input::-webkit-input-placeholder {color: #FFF;}
.login li input:-moz-placeholder {color: #FFF;}
.login li input::-moz-placeholder {color: #FFF;}
.login li input:-ms-input-placeholder {color: #FFF;}
.login .username{background: url(../image2/l_username.png) center no-repeat; background-size: 1.95rem;}
.login .password{background: url(../image2/l_password.png) center no-repeat; background-size: 1.95rem;}
input[type="submit"].loginsub{
	width: 100%; height: 4.4rem;line-height: 4.4rem; margin: 4.0rem auto 0;padding: 0; display: block;
	font-size: 1.8rem;color: #FFF;border: 0;
	-moz-border-radius: 1.8rem;      /* Gecko browsers */
    -webkit-border-radius: 1.8rem;   /* Webkit browsers */
    border-radius:1.8rem;            /* W3C syntax */
}
.l_ti{width: 92%;height: 4.5rem;line-height: 4.5rem;font-size: 0; margin: 1.4rem auto; position: relative;}
.l_ti a{ display: inline-block; font-size: 1.5rem; color: #FFF; margin: 0 0.8rem;}
.l_ti .weixin{position: absolute; left: 50%; top: 2.4rem; margin: -1.5rem; width: 3.0rem;}

.l_wei{width: 92%;height: 0;margin: 1rem auto 0; font-size: 1.6rem; text-align: center;}
.l_wei span{
	float: left;display: inline; margin: -1.25rem 0 0;width: 33.33%;height: 2.5rem;line-height: 2.5rem;color: #FFF;
}
.l_wei i{float: left;display: inline;width: 33.33%;border-bottom: #ececec 1px solid;}
.l_weixin{display: table;width: 92%;height: auto;margin: 3.8rem auto 0; text-align: center;}
.l_weixin img{display: inline-block; margin: 0 0.5rem; width: 3.85rem;height: 3.85rem;}

.login2{width: 78%;margin: 6rem auto 0;}
.login .zhu_yanzheng{font-size: 0;}
.login .zhu_yanzheng input{width: 15.5rem; font-size: 1.5rem;}
.login .zhu_yanzheng a{
	display: inline-block;float: right;height: 2.9rem;line-height: 2.9rem;margin-top: 1.2rem;
	padding: 0 0.5rem; color: #FFF; text-align: center;font-size: 1.2rem;
	-moz-border-radius: 0.8rem;      /* Gecko browsers */
    -webkit-border-radius: 0.8rem;   /* Webkit browsers */
    border-radius:0.8rem;            /* W3C syntax */
}
.zhu_btn{
	position: fixed; left: 0; bottom: 0;display: block;
	width: 100%;height: 4.4rem;line-height: 4.4rem;text-align: center;color: #FFF; font-size: 1.4rem;
}
.zhutop{background: transparent;border-bottom: #FFF 1px solid;}
.login img{width: 90%;margin: 0 auto 2rem;display: block;}
.login select{width: 90%;height: 70%;font-size: 1.6rem;background: transparent; color: #DDD;text-align: center;}
.login select option{color: #666;}

/**
 +------------------------------------------------------------------------------
 * 好友列表 校友列表
 +------------------------------------------------------------------------------
*/
.xiaoxi{overflow: hidden;white-space: nowrap;}
.xiaoxi li{height: 7.2rem;line-height: 2.5rem;}
.xiaoxi li dt{height: 7.2rem;}
.xiaoxi li dt div{font-size: 1.6rem;}
.xiaoxi li dd{right: 0;height: 7.2rem;}
.xiaoxi li .brtxt{display: block; font-size: 1.3rem; width: 13.0rem;height: 2rem;color: #929292;}
.xiaoxi li .tupian{
	width: 5.6rem;height:5.6rem;position: relative;
}
.xiaoxi li .tupian i{
	display: block; width: 100%;height: 100%; overflow: hidden;
	-moz-border-radius: 2.8rem;      /* Gecko browsers */
    -webkit-border-radius: 2.8rem;   /* Webkit browsers */
    border-radius:2.8rem;            /* W3C syntax */
}
.xiaoxi li dd>div{position: relative;}
.xiaoxi li .accept{
	display: block;width: 5.0rem;height: 2.5rem; line-height: 2.5rem;font-size: 1.2rem;text-align: center;border: #46b2f6 2px solid;
	position: relative; z-index: 99;
	-moz-border-radius: 1.25rem;      /* Gecko browsers */
    -webkit-border-radius: 1.25rem;   /* Webkit browsers */
    border-radius:1.25rem;            /* W3C syntax */
}
.xiaoxi li .jiahaoyou{padding-left: 2rem; background: url(../image2/jiahaoyou.png) 0.8rem center no-repeat; background-size: 1.5rem;}
.xiaoxi li .jieshou{padding-left: 2rem; background: url(../image2/jieshou.png) 0.8rem center no-repeat; background-size: 1.5rem;}
.xiaoxi li .liaotian{padding-left: 2rem; background: url(../image2/liaotian.png) 0.8rem center no-repeat; background-size: 1.8rem;}
.xiaoxi li .del{
	margin-left: 0.9rem; margin-right: -7.2rem;width: 7.2rem;height: 7.2rem;line-height: 7.2rem;display: block;
	color: #FFF;background:#f13737; text-align: center;
}
.xiaoxi li .dian{
	position: absolute;right: 0.4rem;top: 0.4rem;width: 0.7rem;height: 0.7rem; background: #f83b3b;
	-moz-border-radius: 0.35rem;      /* Gecko browsers */
    -webkit-border-radius: 0.35rem;   /* Webkit browsers */
    border-radius:0.35rem;            /* W3C syntax */
}
.xiaoxi .boy{padding-right: 1.8rem; background: url(../image2/boy.png) right no-repeat; background-size: 1.4rem;}
.xiaoxi .girl{padding-right: 1.8rem; background: url(../image2/girl.png) right no-repeat; background-size: 1.4rem;}
.xiaoxi .weizhi{padding-left: 2.2rem; background: url(../image2/weizhi.png) left no-repeat; background-size: 1.8rem;}

.searchcon{
	width: 94%;height: 3.0rem;line-height: 3.0rem; margin: 0.6rem auto;
	overflow: hidden;background: #FFF; border: #DDD 1px solid;
	-moz-border-radius: 0.8rem;      /* Gecko browsers */
    -webkit-border-radius: 0.8rem;   /* Webkit browsers */
    border-radius:0.8rem;            /* W3C syntax */
}
.searchcon input[type="text"].searchtext{
	float: left;display: inline;width: 80%; height: 3.0rem; line-height: 3.0rem; margin: 0;padding: 0;border: none;
	font-size: 1.4rem;color: #999;text-align: center; background: #FFF;
}
.searchcon .searchsub{
	float: left;display: inline;width: 20%;height: 100%;border: 0;margin: 0;padding: 0;
	text-align: center; color: #FFF;font-size: 1.2rem;
}

.searchcon input[type="text"].searchbg{background:#FFF url(../image2/search.png) 1rem center no-repeat; background-size: 1.5rem;}

/**
 +------------------------------------------------------------------------------
 * 排行榜
 +------------------------------------------------------------------------------
*/
.xiaoxi li .fenshu{display: block; font-size: 1.8rem;height: 2rem;color: #e8424a;}
.xiaoxi li .yongshi{
	padding: 0 1rem;height: 2rem;line-height: 2rem;background: #e8e8e8;margin-right: 1.5rem;
	-moz-border-radius: 1rem;      /* Gecko browsers */
    -webkit-border-radius: 1rem;   /* Webkit browsers */
    border-radius:1rem;            /* W3C syntax */
}
.xiaoxi li .paiming{width: 3.6rem;height: 7.2rem;line-height: 7.2rem; text-align: center;font-size: 2.8rem;overflow: hidden;}
.xiaoxi li:nth-child(1) .paiming{text-indent: -999px;background: url(../image2/pai_first.png) center no-repeat; background-size: 3.0rem;}
.xiaoxi li:nth-child(2) .paiming{text-indent: -999px;background: url(../image2/pai_second.png) center no-repeat; background-size: 3.0rem;}
.xiaoxi li:nth-child(3) .paiming{text-indent: -999px;background: url(../image2/pai_third.png) center no-repeat; background-size: 3.0rem;}

.myorderbtn{width: 100%;height: 3.7rem;border-bottom: #ebebeb 1px solid;}
.myorderbtn li{
	float: left;display: inline;width: 25%;height: 3.5rem;line-height: 3.5rem;
	font-size: 1.5rem;text-align: center;
}
.myorderbtn .swiper-pagination-bullet-active{border-bottom: #2fa8f5 0.2rem solid;}

/**
 +------------------------------------------------------------------------------
 * 驾校主页（废弃）
 +------------------------------------------------------------------------------
*/
.xiao_img{width: 100%;height: 16.0rem;position: relative; overflow: hidden;}
.xiao_img .bg{
	width: 100%;height: 2.7rem;background: #333; position: absolute; left: 0; bottom: 0; z-index: 8;
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
.xiao_img .area{position: absolute; top: 0; left: 0; z-index: 10; display: block; width: 100%;height: 100%;}
.xiao_img .title{
	position: absolute; left: 0; bottom: 0;z-index: 9; color: #FFF;
	width: 100%;height: 2.7rem;line-height: 2.7rem;font-size: 1.3rem;
}
.xiao_img .title dt{float: left; padding: 0 0.6rem;}
.xiao_img .title dd{float: right; padding: 0 0.6rem;}
.xiao_img .title img{float: left; margin: 0.65rem 0.2rem; width: 1.3rem; height: 1.3rem;}

.xiao_jianjie{display: table; width: 100%;font-size: 1.3rem;line-height: 2.0rem; padding:1.0rem 0 1.0rem; background: #FFF;}
.xiao_jianjie dd{width: 94%;margin:0 auto 0.5rem; color: #999;}
.xiao_jianjie .dizhi{
	height: 1.8rem; line-height: 1.8rem; text-indent: 1.8rem;
	background: url(../image2/weizhi.png) 0 center no-repeat; background-size: 1.8rem;
}
.wodexiaoyou{padding-left: 2.7rem; background: url(../image2/wodexiaoyou.png) left no-repeat; background-size: 2.2rem;}
.xiao_jinru{padding-right: 2.0rem; background: url(../image2/jinru.png) right no-repeat; background-size: 1.7rem;}
.xiaoyou{display: table; width: 100%; height: auto; background: #FFF; font-size: 0; text-align: center; background: #FFF;}
.xiaoyou li{
	display: inline-block; width: 5.0rem; font-size: 1.2rem; line-height: 2.3rem; margin: 1rem 0.5rem;
	white-space:nowrap;text-overflow:ellipsis;overflow: hidden;
}
.xiaoyou li i{
	display: block;width: 5rem;height: 5rem;overflow: hidden;
	-moz-border-radius: 2.5rem;
    -webkit-border-radius: 2.5rem;
    border-radius:2.5rem;
}

.xiao_btn{
	position: fixed; left: 0; bottom: 0; width: 100%; height: 4.4rem; line-height: 4.4rem; z-index: 999;
}
.xiao_btn li{float: left;display: inline;width: 50%;height: 100%;text-align: center; font-size: 0;}
.xiao_btn li span{display: inline-block;padding-left: 2.7rem; font-size: 1.2rem;color: #FFF;}
.xiao_btn li:nth-child(1) span{background: url(../image2/xiao_zaixiankefu.png) left no-repeat; background-size: 2.2rem;}
.xiao_btn li:nth-child(2) span{background: url(../image2/xiao_dianhua.png) left no-repeat; background-size: 2.2rem;}

/**
 +------------------------------------------------------------------------------
 * 驾校主页
 +------------------------------------------------------------------------------
*/
/*
.school_top{display: table; width: 100%;height: auto;position: relative;}
.school_top .text{position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;}
.school_top .text .name{
	position: absolute;left: 3.0rem;top: 2.9rem;font-size: 2.0rem;color: #FFF;line-height: 3rem;white-space: nowrap;
	transform:rotate(-4deg);
	-ms-transform:rotate(-4deg);
	-moz-transform:rotate(-4deg);
	-webkit-transform:rotate(-4deg);
	-o-transform:rotate(-4deg);
}
.school_top .text .name span{font-size: 2.4rem;}
.school_top .text .taocan{
	position: absolute;left: 21.0rem;top: 10.0rem;width: 10.0rem;height: 5.0rem;line-height: 2.5rem;font-size: 1.2rem;color: #FFF;
	background: #ff9e03;border: #FFF 1px solid;overflow: hidden;text-align: center;
	-moz-border-radius: 0.6rem;
    -webkit-border-radius: 0.6rem;
    border-radius:0.6rem;
}
.school_top .text .taocan .money{width: 100%;height: 2.6rem;background: #FFF;text-align: center;font-size: 1.5rem;color: #f66f46;}
.school_top .text .btn{
	position: absolute;bottom: -0.5rem;left: 0;display: table;width: 100%;height: 5.0rem;
	background: url(../image2/baoming.png) center no-repeat; background-size: 20.3rem;
}

.school_list{display: table; width: 96%;height: auto; margin: 1rem auto; font-size: 1.25rem; line-height: 1.6rem; color: #333; position: relative;}
.school_list .con{width: auto;min-height: 5.0rem; margin-left: 3.4rem;}
.school_list .con ul{font-size: 0;text-align: center;}
.school_list .con ul li{display: inline-block;vertical-align: middle; font-size: 1.25rem; width: 7.7rem;height: auto;line-height: 2.7rem;margin: 0 0.5rem;}
.school_list .con ul li .tu{width: 100%;height: 5.8rem;margin: 0 auto; overflow: hidden;}
.school_list .con ul.laoshi li .tu{
	width: 6.0rem;height: 6.0rem;
	-moz-border-radius: 3.0rem;
    -webkit-border-radius: 3.0rem;
    border-radius:3.0rem;
}

.school_list i{position: absolute;width: 0.3rem;height: 200%;top: -150%; left: 1.6rem;}
.school_list .icon{width: 2.9rem;position: absolute;z-index: 9; top: 50%;left: 1.1rem;margin-top: -2rem;margin-left: -0.9rem;}

.schoolJie{
	padding-bottom: 2.8rem;background: url(../image2/jiaxiaozhuye_xiala.png) center bottom 0.6rem no-repeat;background-size: 1.5rem;
}
.schoolJie .con{height: 3.2rem;overflow: hidden;}
.schoolJie i{height: 280%;top: -150%;}
*/
/**
 +------------------------------------------------------------------------------
 * 驾校主页（分享页）
 +------------------------------------------------------------------------------
*/
.school_top{display: table; width: 100%;height: auto;padding-bottom: 3.0rem; position: relative;}
.school_top .text{position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;}
.school_top .text .name{
	position: absolute;left: 3.0rem;top: 4.4rem;font-size: 2.0rem;color: #FFF;line-height: 3rem;white-space: nowrap;
	transform:rotate(-4deg);
	-ms-transform:rotate(-4deg); 	/* IE 9 */
	-moz-transform:rotate(-4deg); 	/* Firefox */
	-webkit-transform:rotate(-4deg); /* Safari 和 Chrome */
	-o-transform:rotate(-4deg); 	/* Opera */
}
.school_top .text .name span{font-size: 2.4rem;}
.school_top .text .taocan{
	position: absolute;left: 21.0rem;top: 10.0rem;width: 10.0rem;height: 5.0rem;line-height: 2.5rem;font-size: 1.2rem;color: #FFF;
	background: #ff9e03;border: #FFF 1px solid;overflow: hidden;text-align: center;
	-moz-border-radius: 0.6rem;
    -webkit-border-radius: 0.6rem;
    border-radius:0.6rem;
}
.school_top .text .taocan .money{width: 100%;height: 2.6rem;background: #FFF;text-align: center;font-size: 1.5rem;color: #f66f46;}
.school_top .text .btn{
	position: absolute;bottom: 1.9rem;left: 0;z-index: 99; display: table;width: 100%;height: 5.0rem;
	background: url(../image2/share_lijibaoming.png) center no-repeat; background-size: 20.3rem;
}

.school_pic{display: table; width: 92%;height: auto;margin: 0 auto;font-size: 1.4rem;line-height: 1.9rem;color: #FFF; padding-top: 2.2rem; position: relative;}
.school_pic li{display: table; width: 90%; height: auto; padding: 0.8rem 0; margin: 0 auto;}
.school_pic li.pic{display: block; width: 27.0rem; height: 12.0rem;overflow: hidden;position: relative;}
.school_pic i{
	display: block;width: 100%;height: 7.3rem;background: url(../image2/share_guagou.png) center no-repeat;background-size: 27.0rem;
	position: absolute;top: -5.4rem;left: 0;
}

.taocan{display: table; width: 92%;height: auto;background: #FFF;margin: 0 auto 2rem;}
.taocan li{display: table;width: 100%;height: auto;padding: 0;color: #FFF;}

.taocan li .txt{width: 90%;padding: 1.2rem 0; font-size: 1.2rem;color: #999;line-height: 2.1rem; margin: 0 auto; border-bottom: #ddd 1px solid;}
.taocan li .txt .zi1{font-size: 1.5rem;color: #666;}
.taocan li .txt .bao{
	float: right; width: 8.0rem;height: 4.4rem;line-height: 2.2rem;font-size: 1.5rem;
	background: #FFF;border: #46b2f6 1px solid;overflow: hidden;text-align: center;
	-moz-border-radius: 0.6rem;
    -webkit-border-radius: 0.6rem;
    border-radius:0.6rem;
}
.taocan li .txt .bao .btn{width: 100%;height: 2.6rem;text-align: center;font-size: 1.5rem;color: #FFF;}

/**
 +------------------------------------------------------------------------------
 * 教练主页
 +------------------------------------------------------------------------------
*/
.jiao_ping{display: table;width: 100%;height: auto;background: #FFF;padding: 1.0rem 0; border-bottom: #ddd 1px solid;font-size: 0;position: relative;}
.jiao_ping .touxiang{
	display: inline-block; vertical-align: middle;
	width: 7.0rem;height: 7.0rem;margin: 0 1.0rem; overflow: hidden;
	-moz-border-radius: 3.5rem;      /* Gecko browsers */
    -webkit-border-radius: 3.5rem;   /* Webkit browsers */
    border-radius:3.5rem;            /* W3C syntax */
}
.jiao_ping .text{display: inline-block; vertical-align: middle; font-size: 1.4rem;line-height: 2.3rem;}
.jiao_ping .text img{width: 1.4rem;margin: 0 0.2rem;vertical-align: middle;}
.jiao_ping .text b{font-size: 1.6rem;}
.jiao_ping .text .pingnum{
	display: inline;padding: 0.2rem 0.6rem;color: #FFF;margin: 0 0.5rem;font-size: 1.2rem;
	-moz-border-radius: 0.5rem;      /* Gecko browsers */
    -webkit-border-radius: 0.5rem;   /* Webkit browsers */
    border-radius:0.5rem;            /* W3C syntax */
}
.pingbtn{display: table; width: 100%;height: auto;background: #FFF; font-size: 0;text-align: center;}
.pingbtn li{
	display: inline-block;vertical-align: middle;padding: 0.8rem 1.2rem;color: #FFF;margin: 0.8rem 0.9rem;font-size: 1.3rem;
	-moz-border-radius: 0.5rem;      /* Gecko browsers */
    -webkit-border-radius: 0.5rem;   /* Webkit browsers */
    border-radius:0.5rem;            /* W3C syntax */
}
.pingbtn li.hover{font-size: 1.5rem;line-height: 1.8rem;}

.xiaolist{display: table;width: 100%;height: auto;background: #FFF; border-bottom: #ddd 1px solid;}
.xiao_box{width: 100%;height: auto;margin:1.5rem 0; padding: 0; font-size: 0; line-height: 1.6rem;text-align: center;}
.xiao_box h2{ margin: 0; padding: 0;padding-left: 2.5rem; font-size: 1.4rem; line-height: 2.0rem; display: inline-block;}
.xiao_box dd{width: 92%;height: auto; margin: 1.2rem auto 0; font-size: 1.4rem;}

.j_tongguolv{float: left; display: inline; width: 50%;}
.j_tongguolv h2{background: url(../image2/j_tongguolv.png) 0 center no-repeat; background-size: 2.0rem;}
.j_leiji{float: left; display: inline; width: 50%; border-left: #ededed 1px solid; margin-left: -1px;}
.j_leiji h2{background: url(../image2/j_leiji.png) 0 center no-repeat; background-size: 2.0rem;}

.j_chengnuo h2{background: url(../image2/wodechengnuo.png) 0 center no-repeat; background-size:2.0rem;}
.j_chengnuo dd{font-size: 0;}
.j_chengnuo span{
	display: inline-block; vertical-align: middle; height: 1.8rem; line-height: 1.8rem; text-align: center;
	margin: 0 0.2rem; padding: 0 0.8rem; font-size: 1.0rem; color: #FFF;
	-moz-border-radius: 0.3rem;      /* Gecko browsers */
    -webkit-border-radius: 0.3rem;   /* Webkit browsers */
    border-radius:0.3rem;            /* W3C syntax */
}

.t_pingtop{line-height: 4rem; font-size: 1.3rem;}
.t_pingtop div{width: 92%; margin: 0 auto;}
.t_pingtop a{display: block;float: right;width: 3rem; height: 4rem; text-align: right; color: #46b2f6;}

.t_pingjia{display: table; width: 100%;height: auto;background: #FFF; padding: 0; line-height: 1.5rem;}
.t_pingjia li{width: 100%;height: auto;margin: 0 auto; padding: 1rem 0;border-top: #ededed 1px solid; text-align: left;font-size: 0;}
.t_pingjia li dt{
	display: inline-block;vertical-align:top; color: #a0a0a0;line-height: 1.8rem;margin-left:1.35rem;font-size: 1.5rem;
}
.t_pingjia li #time{float: right;margin-right: 0.9rem; font-size: 1.3rem;}
.t_pingjia li #pingji{
	display: block;margin:0.2rem 0;padding: 0.1rem 0.8rem; font-size: 1.1rem; background: #F5F5F5; border: #E4E4E4 1px solid;
	-moz-border-radius: 0.5rem;      /* Gecko browsers */
    -webkit-border-radius: 0.5rem;   /* Webkit browsers */
    border-radius:0.5rem;            /* W3C syntax */
}
.t_pingjia li dd{margin: 0.8rem 0 0 5.8rem; padding: 0 1rem; width: auto;height: auto; color: #6a6a6a; font-size: 1.3rem; line-height: 1.8rem;}
.t_pingjia li .touxiang{
	width: 4.2rem; height: 4.2rem; overflow: hidden;
	-moz-border-radius: 2.1rem;      /* Gecko browsers */
    -webkit-border-radius: 2.1rem;   /* Webkit browsers */
    border-radius:2.1rem;            /* W3C syntax */
}
.t_btn{
	position: fixed; left: 0; bottom: 0; width: 100%; height: 4.4rem; line-height: 4.4rem;
}
.t_btn li{float: left;display: inline;width: 50%;height: 100%;text-align: center; font-size: 0;}
.t_btn li span{display: inline-block;padding-left: 2.7rem; font-size: 1.2rem;color: #FFF;}
.t_btn li:nth-child(1) span{background: url(../image2/xiao_dianhua.png) left no-repeat; background-size: 2.2rem;}
.t_btn li:nth-child(2) span{background: url(../image2/t_liaotian.png) left no-repeat; background-size: 2.2rem;}
/*.t_btn li:nth-child(3) span{background: url(../image2/t_yvyuexueshi.png) left no-repeat; background-size: 2.2rem;}*/

/**
 +------------------------------------------------------------------------------
 * 约驾校（你回来了）
 +------------------------------------------------------------------------------
*/
.yuejiaxiaobtn{width: 100%;height: 4.0rem;font-size: 0; background: #FFF; border-bottom: #ddd 1px solid;}
.yuejiaxiaobtn:after{display: inline-block;vertical-align: middle;content: ""; width: 0;height: 4.0rem;}
.yuejiaxiaobtn li{
	display: inline-block;vertical-align: middle; width: 33.33%;height: 2.5rem;margin-left: -1px; text-align: center;
	line-height: 2.5rem; font-size: 1.3rem;color: #666; border-left: #e6e6e6 1px solid;
}
.yuejiaxiaobtn li.swiper-pagination-bullet-active{color: #46b2f6;}
.yuejiaxiaobtn li dl{font-size: 0;}
.yuejiaxiaobtn li dt,.yuejiaxiaobtn li dd{font-size: 1.3rem;display: inline-block;vertical-align: middle;}
.yuejiaxiaobtn li dt{ width: 4em;height: 2.5rem;overflow: hidden;}

.yuejiaxiao{width: 100%;height: auto;/*overflow-y:auto;*/}
.yuejiaxiao li{
	display: table;width: 94%;height: auto;background: #FFF; margin:1.5rem auto; overflow: hidden; border: #ddd 1px solid;
	-moz-border-radius: 0.6rem;      /* Gecko browsers */
    -webkit-border-radius: 0.6rem;   /* Webkit browsers */
    border-radius:0.6rem;            /* W3C syntax */
}
.yuejiaxiao li .school{display: table;width: 100%;height: auto;padding: 1.0rem 0;color: #FFF;}
.yuejiaxiao li .school .pic{
	float: left; width: 6.0rem;height: 6.0rem;margin: 0 1.0rem; overflow: hidden; border: #FFF 1px solid;
	-moz-border-radius: 3rem;      /* Gecko browsers */
    -webkit-border-radius: 3rem;   /* Webkit browsers */
    border-radius:3rem;            /* W3C syntax */
}
.yuejiaxiao li .school .text{margin-left: 8.0rem; width: auto; font-size: 1.3rem;line-height: 2.1rem;}
.yuejiaxiao li .school .text img{width: 1.4rem;margin: 0 0.2rem;vertical-align: middle;}
.yuejiaxiao li .school .text b{font-size: 1.6rem;}
.yuejiaxiao li .school .dizhi{display: inline-block; height: 2rem; padding-left: 2rem;background: url(../image2/jiaxiaoliebiao_weizhi.png) left center no-repeat; background-size:1.7rem;}
.yuejiaxiao li .txt{width: 90%;padding: 0.9rem 0; font-size: 1.2rem;color: #999;line-height: 2.1rem; margin: 0 auto; border-bottom: #ddd 1px solid;}
.yuejiaxiao li .txt .zi1{font-size: 1.5rem;color: #666;}
.yuejiaxiao li .txt .bao{
	float: right; width: 8.0rem;height: 4.4rem;line-height: 2.2rem;font-size: 1.5rem;
	background: #FFF;border: #46b2f6 1px solid;overflow: hidden;text-align: center;
	-moz-border-radius: 0.6rem;
    -webkit-border-radius: 0.6rem;
    border-radius:0.6rem;
}
.yuejiaxiao li .txt .bao .btn{width: 100%;height: 2.6rem;text-align: center;font-size: 1.5rem;color: #FFF;}

.upper_so{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 1001; overflow:auto; display: none; }

/**
 +------------------------------------------------------------------------------
 * 约驾校列表（你才是废弃的）
 +------------------------------------------------------------------------------
*/
.jiaxiaolist li{
	width: 94%;height: auto;display: table;color: #FFF;position: relative;margin: 1.3rem auto;overflow: hidden;border: #ddd 1px solid;
	-moz-border-radius: 0.7rem;
    -webkit-border-radius: 0.7rem;
    border-radius:0.7rem;
}
.jiaxiaolist li dt{float: left;width: 100%; margin-top: 1.0rem;font-size: 0;line-height: 1.5rem;}
.jiaxiaolist li dt div{font-size: 1.3rem;display: inline-block;vertical-align: middle;}
.jiaxiaolist li .pic{
	width: 6.0rem;height: 6.0rem;overflow: hidden;border: #FFF 1px solid;margin:0 1rem 0 1rem;
	-moz-border-radius: 3.0rem;
    -webkit-border-radius: 3.0rem;
    border-radius:3.0rem;
}
.jiaxiaolist li .title{font-size: 1.5rem;line-height: 2.2rem;}
.jiaxiaolist li .fenshu img{width: 1.4rem;margin: 0 0.2rem;vertical-align: middle;}
.jiaxiaolist li .dizhi{
	display: inline-block; padding-left: 1.7rem; margin: 1rem 0 0 1rem;line-height: 1.6rem;
	background: url(../image2/jiaxiaoliebiao_weizhi.png) left center no-repeat; background-size:1.5rem;
}
.jiaxiaolist li .baoming{
	width: 100%;height: 3.4rem;line-height: 3.4rem;font-size: 1.5rem;text-align: center;text-indent: -2em;color: #666; margin-top: 1rem;
	background:#FFF url(../image2/jiaxiaoliebiao_lijibaoming.png) 62% center no-repeat; background-size: 2.0rem;
}
.jiaxiaolist li dd{
	position: absolute;right: 1.0rem;top: 1.5rem;width: 10.0rem;height: 5.0rem;line-height: 2.5rem;font-size: 1.2rem;
	background: #f88d6d;border: #FFF 1px solid;overflow: hidden;text-align: center;
	-moz-border-radius: 0.6rem;
    -webkit-border-radius: 0.6rem;
    border-radius:0.6rem;
}
.jiaxiaolist li dd .money{width: 100%;height: 2.6rem;background: #FFF;text-align: center;font-size: 1.5rem;color: #f66f46;}
.jiaxiaolist li dt .area{width: 100%;position: relative;z-index: 99;}

/**
 +------------------------------------------------------------------------------
 * 我的钱包
 +------------------------------------------------------------------------------
*/
.q_top{display: table;width: 100%;height: 6.0rem;padding: 2.4rem 0; color: #FFF; margin-top: 0.7rem;}
.q_top li{
	float: left; display: inline; width: 50%; height: 7.0rem;line-height: 3.0rem;
	margin-left: -1px; border-left: #abdfff 1px solid;font-size: 1.5rem; text-align: center;
}
.q_top li span{font-size: 2.4rem;}
.q_top li dl{width: 10.7rem;margin-left: 2.0rem; font-size: 1.5rem; text-align: left;}
.q_top li dl dt{
	position: relative;
	width: 100%;height: 3.5rem;line-height: 2.9rem;text-indent: 3.6rem;
	background: url(../image2/q_chongzhi.png) 1.0rem 0.4rem no-repeat; background-size: 2.2rem;
}
.q_top li dl dd{
	position: relative;
	width: 100%;height: 2.45rem;padding-top: 1.05rem; line-height: 1.6rem;text-indent: 3.6rem;border-top: #abdfff 1px solid;margin-top: -1px;
	background: url(../image2/q_tixian.png) 1.0rem 1.0rem no-repeat; background-size: 2.2rem;
}
.q_top li dl a{width: 100%;height: 100%;position: absolute;left: 0;top:0;}
.q_zhangdan{padding-left: 2.8rem; background: url(../image2/q_zhangdan.png) left center no-repeat; background-size: 1.95rem;}
.q_yucunkeshi{padding-left: 2.8rem;background: url(../image2/q_yucunkeshi.png) left center no-repeat; background-size: 1.95rem;}
.q_subset{margin-left: 2.8rem;}

/**
 +------------------------------------------------------------------------------
 * 理论
 +------------------------------------------------------------------------------
*/
@-webkit-keyframes slideInLeft {
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

.lilun{width: 100%;height: 10.0rem;margin-bottom: 1rem;background: #FFF;overflow: hidden;}
.lilun li{
	float: left;display: inline;width: 50%;height: 8.5rem;margin: 0.75rem 0 0.75rem -1px; border-left: #ddd 1px solid;
	font-size: 0; text-align: center; line-height: 1.5rem;
}
.lilun li span{font-size: 1.5rem;}
.lilun li .tu{display: block; width: 4.5rem;height: 4.5rem;margin: 0 auto;}
.lilun li .zi{font-size: 1.2rem;color: #999;}
.lilun li dl{width: 87%;height: 100%;margin: 0 auto;}
.lilun li dl dt,.lilun li dl dd{width: 100%;height: 50%;text-align: left;font-size: 0;}
.lilun li dl dd{border-top: #ddd 1px solid;margin-top: -1px;}
.lilun li dl dt span,.lilun li dl dd span{
	display: inline-block;height: 4.0rem;line-height: 4.0rem;padding-left:4.3rem;vertical-align: bottom;font-size: 1.5rem;margin-left: 2.2rem;
}
.lilun li dl dd span{vertical-align: top;}

.lilun2{width: 100%;height: 5.0rem;background: #FFF;overflow: hidden;}
.lilun2 li{
	float: left;display: inline;width: 50%;height: 5rem;margin-left: -1px; border-left: #ddd 1px solid;
	font-size: 0; text-align: center; line-height: 1.5rem;
}
.lilun2 li span{display: inline-block;line-height:5rem; padding-left: 3.0rem;font-size: 1.5rem;}

.li_shunxulianxi{background: url(../image2/li_shunxulianxi.png) center no-repeat; background-size: 3.0rem;}
.li_suijilianxi{background: url(../image2/li_suijilianxi.png) left no-repeat; background-size: 3.0rem;}
.li_zhangjielianxi{background: url(../image2/li_zhangjielianxi.png) left no-repeat; background-size: 3.0rem;}
.li_monikaoshi{background: url(../image2/li_monikaoshi.png) center no-repeat; background-size: 3.0rem;}
.li_kaoshijilu{background: url(../image2/li_kaoshijilu.png) left no-repeat; background-size: 3.0rem;}
.li_chijipaihang{background: url(../image2/li_chijipaihang.png) left no-repeat; background-size: 3.0rem;}
.li_cuotilianxi{background: url(../image2/li_cuotilianxi.png) center no-repeat; background-size: 3.0rem;}
.li_dadui{background: url(../image2/li_dadui.png) left no-repeat; background-size: 3.0rem;}
.li_weizuo{background: url(../image2/li_weizuo.png) left no-repeat; background-size: 3.0rem;}
.li_xiazai{background: url(../image2/li_xiazai.png) left no-repeat; background-size: 2.6rem;}
.li_fanye{background: url(../image2/li_fanye.png) left no-repeat; background-size: 2.6rem;}

.cheche{width: 100%;height: 5.0rem;position: relative; background: #FFF url(../image2/li_zhishipai.png) center no-repeat; background-size: 30.0rem;}
.cheche ul{position: relative;width: 26.5rem; padding:1.35rem 0 0 5.5rem; margin: 0 auto;}
.cheche ul li{
	float: left;display: inline;width: 4.15rem;height: 2.25rem;line-height: 2.25rem;margin-left: 2.0rem; color: #FFF;font-size: 1.1rem;text-align: center;
}
.cheche ul li.ok{
	 background: url(../image2/li_shijianbg.png) center no-repeat; background-size: 4.15rem;
}
.cheche ul .car{
	position: absolute;top: 1.6rem;left: 0; width: 3.6rem;height: 1.8rem;margin-left: 2.2rem;
	background:url(../image2/xiaoche.png) center no-repeat; background-size: 3.5rem;
}
.lianxitime{width: 100%;margin: 1.8rem 0 1.9rem;border-top: #dcdcdc 0.1rem solid;}
.lianxitime h2{
	display: block;width: 13.6rem;height: 2.5rem;line-height: 2.5rem;background: #ddd;color: #333;font-size: 1.4rem;text-align: center;
	margin: -1.2rem 0 0 1.2rem;float: left;
	-moz-border-radius: 0.4rem;
    -webkit-border-radius: 0.4rem;
    border-radius:0.4rem;
}
.xueshibtn{float: right; font-size: 0;margin: -1.2rem 1.2rem 0 0;}
.xueshibtn>div{display: inline-block;font-size: 1.3rem;vertical-align: middle;margin: 0 0.5rem;}

.topbtn{
	width: 11.8rem;height: 2.8rem;line-height: 2.8rem;border: #FFF 0.1rem solid;margin: 0.7rem auto;overflow: hidden;
	-moz-border-radius: 0.6rem;
    -webkit-border-radius: 0.6rem;
    border-radius:0.6rem;
}
.topbtn li{float: left;display: inline;width: 50%;height: 100%;font-size: 1.5rem;text-align: center;}
.topbtn li.swiper-pagination-bullet-active{background: #FFF;color: #46b2f6;}

.jishiUp{z-index: 1001;}
.jishiUp .text{
	width: 80%; height: auto;top: 20%;left: 10%;margin-left: 0;margin-top: 0;color: #FFF; background: transparent;border: #808080 1px solid;
}
.jishiUp .text .txt{display: table;width: 90%;margin: 2rem auto;font-size: 1.4rem;line-height: 2.1rem;}
.jishiUp .text .btn{
	width: 80%;height: 4.5rem;line-height: 4.5rem;color: #FFF;font-size: 0;text-align: center;overflow: hidden;margin: 1rem auto;
	-moz-border-radius: 0.3rem;
    -webkit-border-radius: 0.3rem;
    border-radius:0.3rem;
}
.jishiUp .text .btn dd{display: inline-block; width: 50%;height: 100%;font-size: 1.7rem;vertical-align: middle;}
.jishiUp .text .btn dt{display: inline-block; width: 100%;height: 100%;font-size: 1.7rem;vertical-align: middle;}

.jishiUp .checkbox{position: absolute; left: 2rem;bottom: 7rem;font-size: 0;}
.jishiUp .checkbox>div{display: inline-block;font-size: 1.4rem;vertical-align: middle;color: #FFF;margin: 0 0.5rem;}
.jishiUp .text .txt img{display: block; margin: 0 auto;width: 70%;}


/*开关*/
.checkboxThree {
	width: 8.0rem;
	height: 2.4rem;
	font-size: 1.2rem;
	line-height: 1.0rem;
	border-radius: 2.5rem;
	background: #0F73B2;
	margin: 0.3rem 0;
	position: relative;
}
.checkboxThree:before {
	content: 'On';
	position: absolute;
	top: 32%;
	left: 15%;
	color: #00EE03;
}

.checkboxThree:after {
	content: 'Off';
	position: absolute;
	top: 32%;
	right: 15%;
	color: #ddd;
}

/**
 * Create the pill to click
 */
.checkboxThree i {
	display: block;
	width: 45%;
	height: 70%;
	border-radius: 2.5rem;
 
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
	cursor: pointer;
	position: absolute;
	top: 15%;
	left: 6%;
	z-index: 1;
	background: #ddd;
}
.checkboxThree label {display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;cursor: pointer;}
 
/**
 * Create the checkbox event for the label
 */
.checkboxThree input[type=checkbox]:checked + i {
	left: 50%;
	background: #00EE03;
}
.checkboxThree input[type=checkbox]{display: none;}

/**
 +------------------------------------------------------------------------------
 * 题目 考题
 +------------------------------------------------------------------------------
*/
.timuCon{display: table;width: 100%;min-height: 50.0rem;height: auto;}
.timu{display: table;width: 94%;height: auto;margin: 0 auto;padding: 1rem 0; line-height: 2.2rem;font-size: 1.4rem;}
.timu span{
	display: inline-block;height: 2.0rem;line-height: 2.0rem;font-size: 1.2rem;padding: 0 0.7rem;margin-right: 0.7rem;
	border: #ddd 1px solid;vertical-align: middle;
	-moz-border-radius: 0.4rem;      /* Gecko browsers */
    -webkit-border-radius: 0.4rem;   /* Webkit browsers */
    border-radius:0.4rem;            /* W3C syntax */
}
.timuImg{display: table; width: 94%;height: auto; margin: 0 auto; overflow: hidden;}
.timuImg img{width: 100%;}
.xuanze .ti{
	width: 2.2rem;height: 2.2rem;border: #bdbdbd 1px solid; text-align: center; line-height: 2.2rem;
	-moz-border-radius: 1.1rem;      /* Gecko browsers */
    -webkit-border-radius: 1.1rem;   /* Webkit browsers */
    border-radius:1.1rem;            /* W3C syntax */
}
.xuanze li{height: 4.5rem;line-height: 2.5rem;white-space:nowrap;}
.xuanze li dt div{white-space:normal;width: 27.0rem;}
.xuanze li dt:after,.xuanze li dd:after {display: inline-block;vertical-align: middle; content:""; width: 0;height: 4.5rem; }
.xuanze .true .ti{background: #46b2f6;color: #FFF;}
.xuanze .false .ti{background: red;color: #FFF;}

.kaoti{position: fixed;left: 0;bottom: 0;width: 100%;height: 7.5rem;border-top: #e9e9e9 1px solid;background: #f8f8f8;overflow: hidden;z-index: 999;}
.kaoti .txt{width: 94%;height: 3.0rem;line-height: 3.0rem; margin: 0 auto;font-size: 1.1rem;}
.kaoti .txt .time{
	position: absolute;right: 0;top: 0; display: inline-block; height: 3.0rem; padding:0 0.9rem 0 2.2rem; font-size: 1.2rem;
	background: url(../images/leijixueshi.png) left center no-repeat;background-size: 1.8rem;
}
.kaoti .num{border-top: #e9e9e9 1px solid;height: 4.1rem;overflow-y:hidden;white-space: nowrap; font-size: 0;}
.kaoti .num li{
	display: inline-block;width: 2.7rem;height: 2.7rem;line-height: 2.7rem; font-size: 1.2rem;
	border: #c1c1c1 1px solid;margin: 0.6rem 0.58rem;text-align: center;background: #FFF;
	-moz-border-radius: 1.4rem;      /* Gecko browsers */
    -webkit-border-radius: 1.4rem;   /* Webkit browsers */
    border-radius:1.4rem;            /* W3C syntax */
}
.kaoti .num li a{display:block;width: 100%;height: 100%;}
.kaoti .num li.true{background: #63e063; border: #63e063 1px solid;}
.kaoti .num li.false{background: #e50b0b; border: #e50b0b 1px solid;}
.kaoti .num li.true a,.kaoti .num li.false a{color: #FFF;}
.kaoti .num li.hover,.kaoti .num li.swiper-pagination-bullet-active{background: #ececec;}
.kaoti .num li.hover a,.kaoti .num li.swiper-pagination-bullet-active a{color: #666;font-weight: bold;}

.bigbtn{
	width: 94%;height: 4.0rem;line-height: 4.0rem;text-align: center;color: #FFF;font-size: 1.5rem;margin: 1rem auto;
	-moz-border-radius: 0.8rem;      /* Gecko browsers */
    -webkit-border-radius: 0.8rem;   /* Webkit browsers */
    border-radius:0.8rem;            /* W3C syntax */
}

/**
 +------------------------------------------------------------------------------
 * 优惠券
 +------------------------------------------------------------------------------
*/
.youhuiquan{
	width: 29.0rem;height: 8.0rem;margin: 1.5rem auto 0;position: relative;color: #FFF;
	background: url(../image2/youhuiquan_nengyong.png) center no-repeat;background-size: 29.0rem;
}
.youhuiquan .zi1{position: absolute;left: 2.2rem;top: 3.4rem;font-size: 1.8rem;}
.youhuiquan .zi1 span{font-size: 2.8rem;}
.youhuiquan .zi2{
	position: absolute;right: 2.0rem;top: 1.0rem;font-size: 1.5rem; width: 8.0rem;height: 3.0rem;line-height: 3.0rem;text-align: center;
	border: #FFF 1px solid;
	-moz-border-radius: 0.6rem;      /* Gecko browsers */
    -webkit-border-radius: 0.6rem;   /* Webkit browsers */
    border-radius:0.6rem;            /* W3C syntax */
}
.youhuiquan .zi3{position: absolute;bottom: 0.8rem;right: 1.5rem; font-size: 1.3rem;text-align: right;}
.youhuiquan2{background: url(../image2/youhuiquan_shixiao.png) center no-repeat;background-size: 29.0rem;}

/**
 +------------------------------------------------------------------------------
 * 我的课程
 +------------------------------------------------------------------------------
*/
.kecheng{width: 100%;height: auto;min-height: 100%; font-size: 0;text-align: center;}
.kecheng li{
	display: inline-block;width: 14.0rem;height: 9.0rem;margin: 0.75rem 1.0rem;background: #f8f8f8;overflow: hidden;vertical-align: middle;
	-moz-border-radius: 0.7rem;      /* Gecko browsers */
    -webkit-border-radius: 0.7rem;   /* Webkit browsers */
    border-radius:0.7rem;            /* W3C syntax */
}
.kecheng li dt{width: 100%;height: 3.0rem;line-height: 3.0rem;color: #FFF;font-size: 1.6rem;}
.kecheng li dd{width: 100%;height: 6.0rem;line-height: 6.0rem;position: relative;font-size: 1.6rem;}
.kecheng li dd i{font-size: 1.9rem;}
.kecheng li dd i span{font-size: 2.9rem;}
.kecheng li dd u{
	position: absolute;right: 0;bottom: 0;color: #FFF;
	display: block;width: 0;height: 0;border-bottom: 4.5rem solid #46b2f6;border-left: 6rem solid transparent;
}
.kecheng li dd p{
	position: absolute;right: 0.5rem;bottom: 0;color: #FFF; line-height: 2.4rem;
	display: block;text-align: right;
}
/**
 +------------------------------------------------------------------------------
 * 我的课程 改版
 +------------------------------------------------------------------------------
*/
.order{width: 100%;}
.order li{display: table;width: 100%;height: auto; background: #FFF; margin-bottom: 0.8rem;}
.order li .d1{display: table; width: 100%;height: auto; border-bottom: #f0f0f0 1px solid; font-size: 1.3rem; line-height: 2.3rem; color: #999;}
.order li .d1>div{float: left;display: inline; margin: 0.9rem 0 0.9rem 1.3rem;}
.order li dl{ width: 100%;height: 4.35rem; border-bottom: #eaeaea 1px solid;}
.order li dl dt{float: left;height: 4.35rem;margin-left: 1.3rem; font-size: 0;}
.order li dl dd{float: right;height: 4.35rem;margin-right: 1.3rem; font-size: 0;}
.order li dl dt:after,.order li dl dd:after{display: inline-block; content: "";width: 0;height: 100%; vertical-align: middle;}
.order li dl dt a,.order li dl dd a{
	display: inline-block;height: 2.8rem;line-height: 2.8rem; margin: 0 0.6rem; padding: 0 1.2rem; font-size: 1.3rem; vertical-align: middle;
	-moz-border-radius: 0.4rem;      /* Gecko browsers */
    -webkit-border-radius: 0.4rem;   /* Webkit browsers */
    border-radius:0.4rem;            /* W3C syntax */
}
.order li b{font-size: 1.4rem;color: #6C6C6C}
.order li dl .redcolor{border: #e50b0b 1px solid;}
.order li dl .bluecolor{border: #46b2f6 1px solid;}
.order li dl .jucolor{border: #fa8c5c 1px solid;}

.order li .time{
	width: 6.9rem; height: 4.0rem; position: relative; text-align: center;
	font-size: 1.2rem;line-height: 1.9rem; padding: 1.4rem 0; color: #fa8c5c; background: #FFF; border: #fa8c5c 1px solid; overflow: hidden;
	-moz-border-radius: 0.5rem;      /* Gecko browsers */
    -webkit-border-radius: 0.5rem;   /* Webkit browsers */
    border-radius:0.5rem;            /* W3C syntax */
}
.order li .shi{ font-size: 2.7rem;font-style: italic;}
.order li .time i{
	position: absolute;right: 0;bottom: 0;color: #FFF;
	display: block;width: 0;height: 0;border-bottom: 3rem solid #fa8c5c;border-left: 3rem solid transparent;
}
.order li .time i span{position: absolute;right: 0.2rem;top: 1.1rem;font-size: 1.0rem}
.order li .yiwan{color: #46b2f6;border: #46b2f6 1px solid;}
.order li .yiwan i{ color: #FFF;border-bottom: 3rem solid #46b2f6;border-left: 3rem solid transparent;}

.orderTitle{width: 100%;height: 4.0rem;line-height: 4.0rem;font-size: 0;text-align: center;padding: 0.7rem 0;background: #FFF;}
.orderTitle>div{display: inline-block;width: 50%;height: 4.0rem;font-size: 1.5rem;position: relative;background: #f8f8f8;}
.orderTitle>div:nth-child(1){color: #FFF;background: #46b2f6;}
.orderTitle i{
	position: absolute;left: -2.5rem;
	display: block;width: 0;height: 0;border-bottom: 4rem solid #f8f8f8;border-left: 2.5rem solid transparent;
}

/**
 +------------------------------------------------------------------------------
 * 评论
 +------------------------------------------------------------------------------
*/
.tousu{display: table; width: 100%; height: auto; margin: 1.5rem auto; border-top: #ddd 1px solid; border-bottom: #ddd 1px solid;}
.tousu .text{display: block; width: 94%; height: 13.0rem; margin: 1.3rem auto; font-size: 1.4rem; border: none;}
.tousu img{display: block; width: 6.2rem;margin: 1rem;}
.tousu_btn{position: fixed;left: 0;bottom: 0; width: 100%;height: 4.9rem;line-height: 4.9rem;text-align: center;font-size: 1.7rem;color: #FFF;background: #fa8c5c;}

/**
 +------------------------------------------------------------------------------
 * 地图页切换
 +------------------------------------------------------------------------------
*/
.mapcon{
	position: relative; display: table; width: 100%;height: 100%;
}
#maplist{width: 100%;height: 100%;display: table; position: absolute; left: 0; top: 0; z-index: 997;margin-top: 4.7rem;}
#map{width: 100%;height: 100%;display: table; position: absolute; left: 0; top: 0; z-index: 998; background: #000;}
.b_tab{
	width: 10.7rem;height: 2.7rem; background: #ddd; overflow: hidden;
	position: absolute; top: 1rem; left: 50%; margin-left: -5.35rem; z-index: 999;
	-moz-border-radius: 0.3rem;      /* Gecko browsers */
    -webkit-border-radius: 0.3rem;   /* Webkit browsers */
    border-radius:0.3rem;            /* W3C syntax */
}
.b_tab a{
	float: left;display: inline-block;width: 50%;height: 100%;line-height: 2.7rem; text-align: center; font-size: 1.0rem; color: #606060;
}
.b_tab .aOver{background: #46b2f6; color: #FFF;}

.searchcon2{
	position: absolute;left: 0.5rem;top: 4.3rem; width: 31.0rem;height: 2.8rem;line-height: 2.8rem;
	overflow: hidden;border: #CECECE 1px solid;background: #FFF; display: none;
	-moz-border-radius: 0.4rem;      /* Gecko browsers */
    -webkit-border-radius: 0.4rem;   /* Webkit browsers */
    border-radius:0.4rem;            /* W3C syntax */
}
.searchcon2 .searchtext{
	float: left;display: inline;width: 80%;height: 100%;border: 0;margin: 0;padding: 0;
	text-indent: 0.5rem;font-size: 1.2rem;
}
.searchcon2 .searchsub{
	float: left;display: inline;width: 20%;height: 100%;border: 0;margin: 0;padding: 0;
	text-align: center; color: #FFF;font-size: 1.2rem;
}

/**
 +------------------------------------------------------------------------------
 * 评价
 +------------------------------------------------------------------------------
*/
.pingjia{display: table;width: 92%; margin: 0 auto; height: auto;font-size: 0;text-align: center;}
.pingjia dd{
	display: inline-block;width: 8.0rem;height: 3.0rem;line-height: 3.0rem;margin: 1.5rem 0.5rem;font-size: 1.5rem;border: #ccc 1px solid;
	-moz-border-radius: 1.5rem;      /* Gecko browsers */
    -webkit-border-radius: 1.5rem;   /* Webkit browsers */
    border-radius:1.5rem;            /* W3C syntax */
}
.pingjia dd:hover,.pingjia dd.hover{background: #46b2f6;color: #FFF;border: #46b2f6 1px solid;}
.pingjia .text{display: block; margin: 0 auto; width: 96%;font-size: 1.4rem;line-height: 2rem;}

/**
 +------------------------------------------------------------------------------
 * 套餐介绍
 +------------------------------------------------------------------------------
*/
.taocanlei{
	height: 2rem;line-height: 2rem;color: #FFF;padding: 0 0.5rem;margin-left: 1rem;
	-moz-border-radius: 0.5rem;      /* Gecko browsers */
    -webkit-border-radius: 0.5rem;   /* Webkit browsers */
    border-radius:0.5rem;            /* W3C syntax */
}
.biao li dt{margin-left: 0;}
.biao li dt>div{height:2.05rem; padding: 1.15rem 0; line-height: 2.05rem; margin-left: -1px;border-left: #e2e2e2 1px solid;text-align: left;}
.biao li dt .d1{float: left; width: 10.0rem;text-align: center;}
.biao li dt .d2{margin-left: 10.0rem; width: auto; display: table; padding-left: 1rem;}
.biao li dt:after{display: none;}

.renlist{display: table; width: 100%;height: auto; background: #FFF;font-size: 0;text-align: center;}
.renlist li{display: inline-block; width: 10.0rem; margin: 1rem 0; font-size: 0; vertical-align: middle;}
.renlist li .pic{
	width: 6.0rem;height: 6.0rem;overflow: hidden;
	-moz-border-radius: 3.0rem;      /* Gecko browsers */
    -webkit-border-radius: 3.0rem;   /* Webkit browsers */
    border-radius:3.0rem;            /* W3C syntax */

}
.renlist li div{display: inline-block;vertical-align: middle;font-size: 1.3rem;line-height: 2.6rem;}
.renlist li p{
	display: inline-block;vertical-align: middle;font-size: 1.2rem; padding: 0 0.5rem;height: 2.0rem;line-height: 2.0rem;color: #FFF;background: #fcaa59;
	-moz-border-radius: 0.3rem;      /* Gecko browsers */
    -webkit-border-radius: 0.3rem;   /* Webkit browsers */
    border-radius:0.3rem;            /* W3C syntax */
}

/**
 +------------------------------------------------------------------------------
 * 版权
 +------------------------------------------------------------------------------
*/
.copyright{display: table; width: 100%;height:auto;text-align: center;font-size: 1.2rem;}
.copyright img{display: block; margin: 3.0rem auto 1.0rem;width: 9.2rem;}
.yijian{width: 80%;margin: 2.0rem auto 0;}
.yijian h2{width: 100%;text-align: center;font-size: 1.1rem;color: #9B9B9B;}
.yijian .text{
	width: 92%;height: 8rem;margin: 0 auto;border: #9B9B9B 0.15rem dashed;font-size: 1.4rem;
	-moz-border-radius: 0.4rem;      /* Gecko browsers */
    -webkit-border-radius: 0.4rem;   /* Webkit browsers */
    border-radius:0.4rem;            /* W3C syntax */
}
.yijian .btn{width: 92%;margin: 0 auto;font-size: 0;text-align: right;}
.yijian .btn div{display: inline-block;font-size: 1.2rem; width: 5rem;line-height: 2.4rem;color: #FFF;text-align: center;margin-right: 0.6rem;}

/**
 +------------------------------------------------------------------------------
 * 内容页
 +------------------------------------------------------------------------------
*/
.conText{display: table;width: 94%;height: auto; background: #FFF;border: #E9E9E9 1px solid; margin: 1.5rem auto;}
.conTitle{display: table;width: 94%;height: auto; font-size: 1.0rem; color: #B0B0B0; text-align: center; margin: 0 auto;}
.conTitle h2{font-size: 1.5rem;}

.tishi .text{
	display: table; width: 70%; height: auto;top: 16%;left: 15%;margin-left: 0;margin-top: 0;
	-moz-border-radius: 0.4rem;
    -webkit-border-radius: 0.4rem;
    border-radius:0.4rem;
}
.tishi .text .txt{display: table;width: 90%;margin: 2rem auto;font-size: 1.4rem;line-height: 2.1rem;}
.tishi .text .btn{
	width: 80%;height: 4.5rem;line-height: 4.5rem;color: #FFF;font-size: 0;text-align: center;overflow: hidden;margin: 1rem auto;
	-moz-border-radius: 0.3rem;
    -webkit-border-radius: 0.3rem;
    border-radius:0.3rem;
}
.tishi .text .btn dd{display: inline-block; width: 50%;height: 100%;font-size: 1.7rem;vertical-align: middle;}
.tishi .text .btn dt{display: inline-block; width: 100%;height: 100%;font-size: 1.7rem;vertical-align: middle;}
.tishi .text .txt img{display: block; margin: 0 auto;width: 70%;}
.tishi h1{width: 90%;line-height: 3.5rem;font-size: 1.6rem;text-align: center;color: #DE0000;margin: 0 auto;border-bottom: #DE0000 0.2rem solid;}
.tishi .uppic{position: absolute;left: 0;top: 0;}

/**
 +------------------------------------------------------------------------------
 * 幸运时动画
 +------------------------------------------------------------------------------
*/
.xingyunshi{position: absolute;left: 50%;top: 50%; width: 19.0rem;height: 17.0rem; margin-left: -9.5rem;margin-top: -8.5rem;}
.xingyunshi dd{position: relative;width: 100%;height: 100%;}
.xingyunshi img{position: absolute;}
.xingyunshi .ren{width: 26.65rem;left: -5rem;top: -6rem;}
.xingyunshi .xingyun{width: 19.0rem;position: relative;}
.xingyunshi .xingyun div{
	position: absolute;left: 15%;top: 4rem; width: 70%;font-size: 1.2rem;color: #FFF;line-height: 1.8rem;
	-webkit-transform: rotate(-2deg); -ms-transform: rotate(-2deg); transform: rotate(-2deg);
}
.xingyunshi .xingyun img{width: 100%;}
.xingyunshi .share{width: 17.85rem;left: 0.8rem;top: 9.6rem;}
.xingyunshi .close{width: 2.0rem;right: -5rem;top: -8rem;}
.xingyunshi .caidai{
	width: 6.35rem;left: 50%;top: 50%;-moz-opacity:0; -khtml-opacity: 0; opacity: 0;
}
.xingyunshi .xing{
	width: 1.5rem;left: 50%;top: 50%;-moz-opacity:0; -khtml-opacity: 0; opacity: 0;
}

/**
 +------------------------------------------------------------------------------
 * tag
 +------------------------------------------------------------------------------
*/
.tag{font-size: 0;text-align: left;width: 96%;margin: 0 auto}
.tag li{
	display: inline-block;font-size: 1.1rem;line-height: 2.4rem; margin: 0.5rem 0.8rem; padding: 0 0.8rem; vertical-align: middle;
	color: #aaa;border: #aaa 1px solid;
	-moz-border-radius: 0.3rem;      /* Gecko browsers */
    -webkit-border-radius: 0.3rem;   /* Webkit browsers */
    border-radius:0.3rem;            /* W3C syntax */
}

/*loading...*/
#loading{position: fixed;left: 0;top: 0; width: 100%;height: 100%;z-index: 999; background: #FFF;}
#loading .ico{position: absolute;left: 0; top: 50%;width: 100%;text-align: center; margin-top: -8rem;}
#loading .btn{
  display: block;margin: 0.3rem auto; width: 4.0rem;height: 2rem;line-height: 2rem;text-align: center;border: #46b2f6 2px solid;color: #46b2f6;
}

.sk-fading-circle {
  margin: 40px auto;
  width: 40px;
  height: 40px;
  position: relative; }
  .sk-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; }
  .sk-fading-circle .sk-circle:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #46b2f6;
    border-radius: 100%;
    -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
            animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; }
  .sk-fading-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
            transform: rotate(30deg); }
  .sk-fading-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
            transform: rotate(60deg); }
  .sk-fading-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg); }
  .sk-fading-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
        -ms-transform: rotate(120deg);
            transform: rotate(120deg); }
  .sk-fading-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
        -ms-transform: rotate(150deg);
            transform: rotate(150deg); }
  .sk-fading-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
  .sk-fading-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
        -ms-transform: rotate(210deg);
            transform: rotate(210deg); }
  .sk-fading-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
        -ms-transform: rotate(240deg);
            transform: rotate(240deg); }
  .sk-fading-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
            transform: rotate(270deg); }
  .sk-fading-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
        -ms-transform: rotate(300deg);
            transform: rotate(300deg); }
  .sk-fading-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
        -ms-transform: rotate(330deg);
            transform: rotate(330deg); }
  .sk-fading-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
            animation-delay: -1.1s; }
  .sk-fading-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
            animation-delay: -1s; }
  .sk-fading-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
            animation-delay: -0.9s; }
  .sk-fading-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
            animation-delay: -0.8s; }
  .sk-fading-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
            animation-delay: -0.7s; }
  .sk-fading-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
            animation-delay: -0.6s; }
  .sk-fading-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
            animation-delay: -0.5s; }
  .sk-fading-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
            animation-delay: -0.4s; }
  .sk-fading-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
            animation-delay: -0.3s; }
  .sk-fading-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
            animation-delay: -0.2s; }
  .sk-fading-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
            animation-delay: -0.1s; }

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0; }
  40% {
    opacity: 1; } }

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0; }
  40% {
    opacity: 1; } }