@charset "utf-8";
/**
 * xuxiukun
 * 20150303
 * www.xuedou.com
 */

/*reset*/
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);height:100%;}
html,body,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,p,blockquote,pre,form,fieldset,legend,table,th,td,hr,em,code,input,textarea,select,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,summary{margin:0;padding:0;}
article,aside,section,header,hgroup,nav,footer,main,details,summary,figure,figcaption{display:block;}
body{height:100%;color:#333;font:62.5% "微软雅黑","宋体","黑体",Arial,Narrow,Helvetica,sans-serif;word-break:break-all;}
a{background:transparent;}
a:link,a:visited{color:#333;text-decoration:none;}
a:focus{outline:none;}
a:hover,a:active{color:#fa0200; }
h1,h2,h3,h4,h5,h6{font-size:1em; font-weight:normal}
img,input,fieldset,legend,button,select,textarea,table,acronym{border:0;}
img,video,object,embed,iframe{max-width:100%;height:auto;}
[hidden]{display:none!important;}
audio,canvas,video,progress{display:inline-block;vertical-align:top;}
audio:not([controls]){display:none;height:0;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
p{word-wrap:break-word;}
li,input{list-style-type:none;}
hr{box-sizing:content-box;height:0;}

button,input,select,optgroup,textarea{font:inherit;color:inherit;outline:none;}
textarea{resize:none;overflow:auto;}
button,input{line-height:normal;}
button,select{text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}

q{quotes:"\201C" "\201D" "\2018" "\2019";}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
cite,em,i,address,dfn{font-style:normal;}
pre{white-space:pre-wrap;}
small{font-size:1em;}
del{text-decoration:line-through;}
mark{background-color:#ff0;}
abbr{border-bottom:none;}
acronym{font-variant:normal;}
svg:not(:root){overflow:hidden;}

body { max-width: 640px; margin: 0 auto}
input[type="text"], input[type="password"], input[type="submit"], input[type="reset"], input[type="email"], input[type="button"], button,textarea { -webkit-appearance: none; -webkit-border-radius:0; }
/*header*/
.header { position: relative; width: 100%; height: 40px; padding: 2px 0;}
.logo { width: 60%; height: 100%; background-repeat: no-repeat; background-position: 10px center;}
.logo a{ display: block; width:100%; height:100%;}
.login-menu { position: absolute; top: 0; right: 0; height: 100%; width: 40%; text-align: right;}
.login-menu a{ display: inline-block;}
.login { width: 23px; height: 100%; background-repeat: no-repeat; background-position: center; background-size: 50%; }
.menu { width: 35px; height: 100%; background-repeat: no-repeat; background-position: center; background-size: 50%; }

.xuedou .logo { background-image: url(../images/logo.png);  background-size: auto 57.5%;}
.youjiao .logo { background-image: url(../images/yjlogo.png);  background-size: auto 60%;}
.xiaoxue .logo { background-image: url(../images/xxlogo.png);  background-size: auto 57.5%;}
.zhongkao .logo { background-image: url(../images/zklogo.png);  background-size: auto 57.5%;}
.gaokao .logo { background-image: url(../images/gklogo.png);  background-size: auto 58.75%;}

.xuedou .login { background-image: url(../images/user.png);}
.youjiao .login { background-image: url(../images/yjuser.png);}
.xiaoxue .login { background-image: url(../images/xxuser.png);}
.zhongkao .login { background-image: url(../images/zkuser.png);}
.gaokao .login { background-image: url(../images/gkuser.png);}

.xuedou .menu { background-image: url(../images/menu.png);}
.youjiao .menu { background-image: url(../images/yjmenu.png);}
.xiaoxue .menu { background-image: url(../images/xxmenu.png);}
.zhongkao .menu { background-image: url(../images/zkmenu.png);}
.gaokao .menu { background-image: url(../images/gkmenu.png);}

/*hidemenu*/
.hidemenu { position: absolute; z-index: 1000; width: 96%; padding: 0 2% 20px; background-color: #fff;}
.mask {  position: fixed; z-index: 999; width: 100%; height: 200%; background-color: rgba(0,0,0,.5)}
.mask,.hidemenu { top: 45px; left: 0; display:none; opacity: 0; transition:all .3s; }
.mask.animate ,.hidemenu.animate {	opacity: 1; display:block;}
.hmtit { line-height: 2em; font-size: 1.6em; color: #000; border-bottom: 1px solid #ececec}
.hidemenu li { position:relative; padding: .5em 0 .5em 36px; border-bottom: 1px solid #ececec}
.hidemenu strong { position:absolute; left:0; top:.6em; font-weight: normal; font-size: 1.4em; color: #000}
.hidemenu strong a { padding: 0; font-size: 1em; line-height: 1em; color: #000}
.hidemenu a { padding: .5em .3em; font-size: 1.2em; line-height:2em; color: #333; white-space:nowrap;}

/*nav*/
.nav ul { clear: both; display: table; width: 100%;}
.nav li{ display: table-cell;}
.nav a{ display: inline-block; width: 100%; font-size: 1.7em; color: #fff; text-align: center;}

.xuedou .nav { height: 35px; background-color: #69c500}
.xuedou .nav ul { height: 100%;}
.xuedou .nav a{  line-height: 35px;}

.youjiao .nav,.xiaoxue .nav,.zhongkao .nav,.gaokao .nav { padding: 10px .2em; border-top: 1px solid #ccc; background-color: #fff}
.youjiao .nav ul,.xiaoxue .nav ul,.zhongkao .nav ul,.gaokao .nav ul { height: 25px; line-height: 25px; }
.youjiao .nav li,.xiaoxue .nav li,.zhongkao .nav li,.gaokao .nav li { width: 25%; padding:0 2px; box-sizing: content-box }
.xiaoxue .nav li:nth-child(1),.xiaoxue .nav li:nth-child(4){ width: 23%;}
.xiaoxue .nav li:nth-child(2),.xiaoxue .nav li:nth-child(3){ width: 27%;}
.youjiao .nav a,.xiaoxue .nav a,.zhongkao .nav a,.gaokao .nav a { font-size: 1.6em; color: #000; text-align: center;}
.xiaoxue .nav a { text-align: left;}

/*slid*/
.swiper-container {  width: 100%; height: 0; padding-bottom: 65%;  color: #fff;}
.swiper-slide { position: relative; height: 100%;}
.swiper-slide img{ width:100%; min-height:100%}
.swiper-slide a{ display: block; width: 100%; height: 100%}
.swiper-slide p { position: absolute; left: 10px; bottom: 6px; width: 80%; font-size: 1.2em; line-height: 2em; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pagination { position: absolute;  z-index: 20; right: 10px; bottom: 6px;}
.swiper-pagination-switch { display: inline-block; width: 6px; height: 6px; border-radius: 6px; background: #fff; margin-right: 5px; opacity: 0.8; cursor: pointer;}
.swiper-active-switch { opacity: 1}
.xuedou .swiper-active-switch {  background: #69c500;}
.youjiao .swiper-active-switch {  background: #f64b7f;}
.xiaoxue .swiper-active-switch {  background: #008000;}
.zhongkao .swiper-active-switch {  background: #ff7500;}
.gaokao .swiper-active-switch {  background: #007cdc;}

/*content*/
.list { width: 100%;}
.list_tit { height: 45px; line-height: 45px; border-top-width: 2px; border-top-style: solid; border-bottom:1px solid #ebeaea;}
.list_tit h2 { float: left;	margin: 0 0 0 .3em; height: 100%; font-size: 2.4em;}
.icon { display: inline-block; vertical-align: middle;}
.imgicon { width:18.5px; height: 26px; margin: -2px 3px 0 0; background-repeat: no-repeat; background-size: 100%; background-position: left center; }

.xuedou .imgicon { background-image: url(../images/imgicon.png); }
.youjiao .imgicon { background-image: url(../images/yjimgicon.png); }
.xiaoxue .imgicon { background-image: url(../images/xximgicon.png); }
.zhongkao .imgicon { background-image: url(../images/zkimgicon.png); }
.gaokao .imgicon { background-image: url(../images/gkimgicon.png); }

.cmticon { width: 10px; height: 16px; margin: -2px 0 0 3px; background: url(../images/cmticon.png) no-repeat center right; background-size: 100%  }

.xuedou .list_tit { border-top-color: #69c500;}
.youjiao .list_tit { border-top-color: #f64b7f;}
.xiaoxue .list_tit { border-top-color: #008000;}
.zhongkao .list_tit { border-top-color: #ff7500;}
.gaokao .list_tit { border-top-color: #007cdc;}

.xuedou .list_tit h2, .xuedou .list_tit a {	color: #69c500;}
.youjiao .list_tit h2, .youjiao .list_tit a { color: #f64b7f;}
.xiaoxue .list_tit h2, .xiaoxue .list_tit a { color: #008000;}
.zhongkao .list_tit h2, .zhongkao .list_tit a {	color: #ff7500;}
.gaokao .list_tit h2, .gaokao .list_tit a {	color: #007cdc;}

.list_menu { display: block; float: right; height: 40px; margin: 0 .5em 0 0}
.list_menu li {	display: block;	float: right; margin-left: .5em; font-size: 1.5em; text-align: center;}

.list_list { height: auto;	padding: .4em .6em 2.5em;	background-color: #f9f7f8;}
.list_list li { position: relative; width: 100%; display: block; font-size: 1.5em; line-height: 2.5em;}
.list_list li a { display: block; color: #000; max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.list_list li span { position: absolute; right: 0; top: 0; display: block; color: #ccc; font-size: .7em}

.xuedou .list_list li a:hover { color: #69c500;}
.youjiao .list_list li a:hover { color: #f64b7f;}
.xiaoxue .list_list li a:hover { color: #008000;}
.zhongkao .list_list li a:hover { color: #ff7500;}
.gaokao .list_list li a:hover { color: #007cdc;}

.more { margin-top: .5em;}
.more a{ display: block; height: 36px; line-height: 36px; border: 1px solid #d8d8d8; font-size: 1.5em; color: #5f5f5f; background-color: #fff; text-align: center; border-radius: 2px;}

.cxbox { margin: 1em auto 2em; width: 96%;}
.cxbox img ,.cxbox a{ width: 100%;}
.cxbox a { display: block; }

/*list*/
.commonlist .list { border-top: 1px solid #ebeaea;}
.commonlist h1 { width: 100%; text-align: center; font-size: 1.8em; color: #69c500; line-height: 40px; }
.back { position: absolute; left: 10px; top: 0; width: 20px; height: 100%;}
.back a{ display: block; width: 100%; height: 100%}
.backicon { background: url(../images/backbtn.png) no-repeat center; background-size: 45% auto;}

/* article */
.article_tit { padding: .5em 1em 1em}
.article_tit h2 { font-size: 1.8em; color: #000; line-height: 2em}
.little_bar { font-size: 1.2em; color:#666 }
.little_bar span { padding-right: 10px;}
.little_bar em { font-style: normal; color: #69c500}

.article_main { padding: 0 1em; overflow: hidden;}
.article_main table { width:100% !important;}
.article_main p { font-size: 1.4em; color: #333; line-height: 1.7em; word-wrap: break-word;	overflow: hidden;}
.article_main p strong { font-weight: bold; color: #000}
.article_main img { max-width: 100%}

/*comment*/
.comment { padding: 20px 1em 0 1em;}
.comment h2 { font-size: 1.8em; line-height: 2em; color: #000}

.comment_form textarea { width: 100%; height: 80px; margin: 0.5em 0; padding: 0.4em; border: 1px solid #d8d8d8; background-color: #ededed; box-sizing: border-box; box-shadow: none;}
.comment_form textarea:focus { background-color: #fff;}
.btnbox { height: 25px;}
.btnbox span { float: left; font-size: 1.2em; line-height: 25px; color: #000}
.btnbox button { float: right; display: block; width: 98px; height: 25px; font-size: 1.2em; color: #fff; background-color: #69c500; border: 1px solid #559e01; border-radius: 3px;}

.comment_list {	clear: both; padding: 1em 0;}
.comment_list li{ padding: 1em 0; border-bottom: 1px solid #d8d8d8;}
.cmt-bar { position: relative; height: 2em; margin-bottom: .5em; }
.cmt-username { font-size: 1.8em; color: #69c500; }
.cmt-time { position: absolute; top: 0; right: 0; font-size: 1.2em; color: #999; }
.comment_list p { font-size: 1.5em; line-height: 1.6em; color: #010101}

.commonlist .more { padding: 1.8em 0 1.2em; margin: 0; border-bottom:  1px solid #d8d8d8}

/*热门推荐*/
.recommend { width: auto; margin: 0 1em; padding: 0 0 2em; }
.recommend h2 { font-size: 1.8em; color: #000; line-height: 2em; }
.recommend h2 span { font-size: 0.6em; color: #666; }
.recommend .list_list { width: 100%; padding: 0; background-color: #fff;}

/*注册登录*/
.entrance { padding: 2em}
.slidenav { margin-bottom: 1em; }
.slidenav li { display: inline-block; padding: 0 .2em; margin-right: 1em; font-size: 1.8em;  line-height: 1.8em;color: #000}
.slidenav li.current { color: #69c500; border-bottom: 1px solid #69c500}
.loginform,.loginform li { width: 100%;}
.login-input input { width: 100%; height: 40px; margin-top: -1px; border: 1px solid #d8d8d8; font-size: 1.5em; background-color: #f5f5f5; background-repeat: no-repeat; background-position: 8px center;  background-size: auto 50%; box-sizing:border-box; transition: all .2s}
.loginform .login-input input { text-indent: 2em;}
.register .login-input input { text-indent: 1em;}
.login-input li:first-child input { border-top-left-radius: 3px; border-top-right-radius: 3px;}
.login-input li:last-child input { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
.login-input:focus { background-color: #fff;} 

.formSlide.swipe { left: 0}

.loginform input[type="text"] { background-image: url(../images/form-user.png); }
.loginform input[type="password"] { background-image: url(../images/form-lock.png); }
.button { height: 34px; margin-top: 1.8em}
.button input { width: 45%; height: 32px; border-radius: 3px; font-size: 1.5em;}
.loginform input[type="button"]{ float: left; border: 1px solid #ccc; background-color: #f5f5f5; color: #000 }
.loginform input[type="submit"]{ float: right; border: 1px solid #56a101; background-color: #69c500; color: #fff; }

.register .button { text-align: center;}
.register input[type="submit"]{ border: 1px solid #56a101; background-color: #69c500; color: #fff; }

.QQ { margin-top: 1.8em; }
.QQ a { display: block; width: 100%; height: 32px; line-height: 32px; font-size: 1.5em; color: #fff; background-color: #5294d0; text-align: center; border: 1px solid #3c73a5; border-radius: 3px; box-sizing: border-box;}
.qq-icon { width: 36px; height: 100%; background: url(../images/qq.png) no-repeat center; background-size: 50%; margin-top: -5px;}

/*footer*/
.footer { padding: 1em 0; font-size: 1.5em; line-height: 1.8em; text-align: center;}
.footer,.footer a { color: #fff; }
.footer em { padding: 0 .4em; color: rgba(0,0,0,.16);}
.footer a { padding: 0 .4em;}
.chanel a { padding: 0 .6em;}

.xuedou .footer { background-color: #69c500}
.youjiao .footer { background-color: #f64b7f}
.xiaoxue .footer { background-color: #008000}
.zhongkao .footer { background-color: #ff7500}
.gaokao .footer { background-color: #007cdc}