@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0;-webkit-box-sizing:border-box;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
body{font:14px/1.5 微软雅黑;color:#333;}
ul{list-style-type:none;}
input,select,textarea{vertical-align:middle; font:14px 微软雅黑; color:#333; outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;}
a{text-decoration:none;color:#333; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none;}
table{border-spacing:0px; border-collapse:collapse;width:100%; border:0px;margin:0;padding:0;}
img{border:0px;}
em{font-style:normal;}
b{ font-weight:normal;}
.clearfix{overflow:hidden;zoom:1;}
.clear{clear:both; height:0px; font-size:0px; line-height:0px; overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
/*--------------------------------*/

body{ background:#efeff4;}
.header{height:45px; width:100%; border-bottom:1px solid #cccccc; display:-webkit-box; -webkit-box-align:center; padding:0 10px; position:fixed; top:0; left:0; background:#f7f7f7; z-index:99;}
.header_pos{height:45px;}
.header h2{ -webkit-box-flex:1; font-size:18px; text-align:center;}
.header .button{ display:-webkit-box; -webkit-box-align:center;  height:100%;}
.header .button > *{ display:block;}
.header .return:before{width:10px; height:17px; background:url(/res/images/special/course/mag/return.png) no-repeat; background-size:contain; content:"";display:block; margin-right:5px;}
.header .comp{width:60px; text-align:center; color:#ccc; font-size:15px;}
.header .lete{ color:#0099ff;}
.header .cross{ display:block; background:url(/res/images/special/course/mag/cross.png) no-repeat; background-size:contain; width:12px; height:12px;}


.project{ border:solid #d9d9d9 1px; border-top:0px; background:#FFF; padding:0 12px;}
.project form{ height:69px; width:100%; display:-webkit-box; -webkit-box-align:center;}
.project .text{ display:block; width:100%; height:40px; border:0; background:none; -webkit-box-flex:1; font-size:15px;}
.project .cancel{ display:block; width:14px; height:14px; background:url(/res/images/special/course/mag/cancel.png) no-repeat; background-size:contain;}
.cover{ height:69px; border:solid #d9d9d9 1px; background:#FFF; margin:12px 0 0 0;}
.cover a{ display:block; height:69px; padding:0 12px; display:-webkit-box; -webkit-box-align:center; color:#ccc; font-size:15px;}
.cover img{ width:40px; height:40px; border-radius:50%; margin-right:8px;}
.jectmt12{ margin-top:12px; border:solid #d9d9d9 1px;}
.formradio{ margin-top:15px;}
.formradio li{ background:#FFF; height:60px; padding:0 15px; border-bottom:solid #d9d9d9 1px; font-size:17px; color:#2f2f2f; display:-webkit-box; -webkit-box-align:center;}
.formradio li div{ width:36px; height:26px;}
.regular-radio {
	display: none;
}
.regular-radio + label {
	-webkit-appearance: none;
	background-color: #FFF;
	border: 1px solid #bfbfbf;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 12px;
	border-radius: 50px;
	display: inline-block;
	position: relative;
}
.regular-radio:checked + label:after {
	content: ' ';
	width: 12px;
	height: 12px;
	border-radius: 50px;
	position: absolute;
	top: 6px;
	background: #0099ff;
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
	text-shadow: 0px;
	left: 6px;
	font-size: 32px;
}
.regular-radio:checked + label {
	background-color: #e9ecee;
	color: #99a1a7;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}
.regular-radio + label:active, .regular-radio:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}


.banner01{ width:100%; overflow:hidden;}
.banner01 img{ width:100%;}
.addDirect{ margin:44px 0 0 0; font-size:12px;}
.addDirect a{ display:block; color:#41b4f6; text-align:center; width:96px; margin:0 auto;}
.addDirect em{ display:block; background:url(/res/images/special/course/mag/add.png) no-repeat; background-size:contain; width:96px; height:96px;}
.addDirect p{ margin-top:10px;}
.addtext{ font-size:15px; color:#b4b4b6; margin:20px 0 0 0; text-align:center;}


.subsc{ padding:0 15px;}
.subsc .subList{}
.subsc .time{ text-align:center; margin:30px 0 0 0;}
.subsc .time span{ display:inline-block; height:20px; line-height:20px; background:#cecece; color:#FFF; padding:0 8px; border-radius:4px;}
.subsc .subtext{ background:#FFF; border-radius:5px; margin:25px 0 30px 0; padding:12px 0 0 0; overflow:hidden;}
.subsc .subtext h3{ font-size:17px; color:#111; padding:0 10px;}
.subsc .picImg{ width:100%; text-align:center; overflow:hidden; margin:0px 0 0 0; padding:0 10px;}
.subsc .picImg img{ width:100%;display: block;}
.subsc ul{ margin-top:12px;}
.subsc li{ font-size:16px;padding:11px 0 10px; position:relative; border-top:solid #e5e5e5 1px; display:-webkit-box; -webkit-box-align:center;min-height: 45px;}
.subsc li a.list,.subsc li a.addCla{ display:-webkit-box; width:100%; line-height:18px;padding:0 20px;  }
.subsc li a.list b{ background:url(/res/images/special/course/mag/rightturn.png) no-repeat; background-size:contain; width:7px; height:12px; position:absolute; right:16px; top:50%; margin-top:-6px;}
.subsc li a.addCla em{ width:30px; height:30px; margin-right:12px; border:solid #ccc 1px; display:block; border-radius:3px; position:relative;}
.subsc li a.addCla em:before{ content:""; background:url(/res/images/special/course/mag/jia.png) no-repeat; background-size:contain; width:18px; height:18px; position:absolute; top:5px; left:5px;}

.subsc li .thBtn{  display: -webkit-box; display: box; width: 100px; height: 100%;}
.subsc li a.editor{ display:block; width:50px; height:48px; background:#ff8000; font-size:15px; color:#FFF; display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center;}
.subsc li a.dele{ display:block; width:50px; height:48px; background:#ff0000; font-size:15px; color:#FFF; display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center;}
.swipeLeft a.list{-webkit-transition:0.2s all ease;-webkit-transform: translate(-100px,0px);}
.swipeLeft .thBtn{-webkit-transition:0.2s all ease;-webkit-transform: translate(-100px,0px);}

.swipeRight a.list{-webkit-transition:0.2s all ease;-webkit-transform: translate(0,0px);}
.swipeRight .thBtn{-webkit-transition:0.2s all ease;-webkit-transform: translate(0,0px);}
.swipeCenter a img{
	height:40px;
	width:40px;
	border-radius:4px;
	margin-right:10px;
}
.swipeCenter a span{
	line-height:18px;
	max-height:36px;
	-webkit-box-flex:1;
	display:-webkit-box;
	display:box;
	overflow:hidden;
	text-overflow:ellipsis;
	word-break:break-all;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	align-items:center;
	-webkit-box-pack:center;
	box-pack:center;
	
}
.subsc li a.list b{
	float:right;
}
.subsc li a.list, .subsc li a.addCla{
	padding:0 10px;
}
.swipeCenter{
	align-items:center;
	display:-webkit-flex;
	display:flex;
}

.rewardBtn .num{ margin-top:18px; line-height: 20px; font-size:14px; }
.nightmode{ background: #404040 !important;}
.nightmode .blue{color:#6699cc !important;;}
.nightmode .create-art{
	background: -webkit-linear-gradient(top,transparent 50%,#2e2e2e 50%) center bottom no-repeat #404040;
	background-size: 100% 1px;
}
.nightmode .subTitle{color:#6699cc;}
.nightmode .subsc .time span{ color: #878787; background: #3a3a3a; }
.nightmode .subsc .subtext{ background: #3b3b3b; }
.nightmode .subsc li{border-top:1px solid #2e2e2e;}
.nightmode .subsc li a.list, .nightmode .subsc li a.addCla{color:#b1b1b1;}
.nightmode .rewardBtn{ background: none; }
.nightmode .rewardBtn .num{ color:#ababab;}