@import url(index.ie.css) screen and (min-width:750px);
@media screen and (max-width: 750px) {
@charset "gb2312";
@charset "gb2312";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;}
table {border-collapse: collapse;border-spacing: 0;width: 100%;line-height: 30px;}
td {line-height: 30px;}
fieldset, img {border: 0 none;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
ol, ul ,li{list-style: none outside none;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
a {color: #333;text-decoration: none;font-size: 16px;}
a:hover {text-decoration: underline;}
body,input,button,textarea,select{font-size: 12px;}
u{text-decoration:none;}
body{font-size: 12px;background: #f5f5f8;}

.main{width: 100%;margin: 0 auto;}

.nav {height: 59px;width: 100%;margin: auto;line-height: 59px;float: left;}
.nav_wrap { height: 40px; line-height: 40px; }
.nav li{display: inline-block;position: relative;transition: 0.1s all linear;cursor: pointer;text-align: center;width: 24%;}
.nav li a {font-size: 14px;color: #fff;display: block;text-align: center;margin-right: 18px;width: 100%;}
.nav li span {font-size: 12px;color: #fff;text-align: center;margin-right: 18px;float: left;width: 100%;display: flex;justify-content: flex-start;}
.nav li:hover .sub{display:block;height:141px;transition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;}
.nav li::before {content:"";position:absolute;bottom:0px;left: 0;width:0;height:3px;background: #fff;transition:0.1s all linear;}
.nav li:hover::before { width:100%; bottom:0px; left:0; transition-delay:0.1s; }
.nav li:hover ~ a::before {left:0;}

.rougao {float: right;display: none;}
.rougao a {height: 50px;line-height: 50px;float: left;color: #fff;font-size: 12px;border-radius: 20px;margin-left: 22px;}
.rougao a i{height: 25px;width: 28px;float: left;background: url(https://static.duanmeiwen.com/img/pc/ico.png)  -38px -172px no-repeat;margin-left: 5px;}
.rougao a:hover{color: #0797ca;}
.rougao .denglu{color: #2ca6e0!important;}

.index_mid {height: 187px;background: url(http://www.weizuowen.cn/static/img/banner.png) no-repeat center;;float: left;;;width: 100%;;;}
.logo {float: left;width: 160px;height: 45px;background: url(http://www.weizuowen.cn/static/img/ico.png) no-repeat 0 1px;;;;;;;;;;;;;;;;;;;;;;;;;margin-right: -9px;;;;;;;;;;;;;;;;;;;;;;;;;;;;;background-size: 100%;;;;;}
.index_mid_bt{width: 100%;margin: auto;display: flex;justify-content: space-around;align-items: flex-start;align-content: flex-start;margin-top: 66px;flex-direction: row;flex-wrap: wrap;}
.search_box{display: inline-block;width: 100%;text-align: center;margin-top: 5px;}
.search {background: #fff;float: left;border-radius: 10px;overflow: hidden;margin: 3%;width: 94%;}
.search em{float: left;width: 26px;height: 25px;background: url(//static.ruiwen.com/img/index/ico_2021.png) -31px 0px no-repeat;margin-left: 23px;margin-top: 11px;}
.search_text {width: 68%;padding: 0 10px 0 15px;line-height: 38px;height: 38px;border: 0;color: #cacaca;font-size: 15px;outline: none;}
.search_btn {width: 22%;line-height: 38px;cursor: pointer;background: #ff6c6c;padding: 0;float: right;font-size: 14px;color: #ffffff;border: 0;text-align: center;}
.search_hot {font-size: 12px;line-height: 30px;height: 30px;float: left;width: 100%;margin-top: 21px;display: flex;flex-wrap: wrap;justify-content: center;display: none;}
.search_hot a {background: rgb(50 184 255);padding: 0 16px;border-radius: 17px;opacity: 0.8;color: #fff;margin-left: 5px;height: 23px;line-height: 23px;}
.search_hot a:hover { opacity: 1;}

/*精选作文汇总*/
.fenlei{float: left;width: 94%;margin-top: 10px;background: #fff;padding: 3%;border-radius: 10px;}
.fenlei_tl{float: left;width: 100%;font-size: 20px;border-bottom: 3px solid #e6e6e6;line-height: 49px;margin-bottom: 12px;}
.fenlei_tl span{font-weight: 700;}
.fenlei_tl em{float: left;width: 32px;height: 27px; background: url(http://www.weizuowen.cn/static/img/ico.png) no-repeat 0 -53px;margin-right: 3px;;;;;;margin-top: 11px;;;;;;}
.fenlei .zhuanti_fl_l{background: #228a31;color: #fff;width: 30%;}
.fenlei .zhuanti_fl_l li{background: #2e9de9;color: #fff;border: 1px solid #2e9de9;margin-left: 0;width: 100%;}
.fenlei .zhuanti_fl_l li a{color: #fff;}
.fenlei .zhuanti_fl_l li a:hover{margin-left:0;}
.fenlei .zhuanti_fl_r{color: #fff;float: left;width: 100%;overflow: hidden;display: flex;justify-content: space-between;flex-wrap: wrap;}
.fenlei ul{float: left;width: 100%;margin-top: 15px;}
.fenlei ul li{float: left;border: 1px solid #e6e6e6;line-height: 30px;width: 30%;border-radius: 4px;margin-bottom: 10px;text-align: center;}
.fenlei ul li a{float: left;color: #333;font-size: 16px;width: 100%;}
.fenlei .fenlei_l li a:hover{color:#fff!important;}
.fenlei_more{float: right;color: #2399ec;font-size: 14px;}


/*index_list*/
.index_list{float: left;width: 94%;margin-top: 10px;background: #fff;padding: 3%;border-radius: 15px;}
/*右边*/
.index_list .list_l{float: left;width: 100%;margin-bottom: 15px;height: 50px;border-bottom: 3px solid #e6e6e6;line-height: 50px;}
.index_list .list_l .l_title{float: left;font-size: 20px;font-weight: 600;}
.index_list .list_l .l_title i{float: left;width: 32px;height: 27px; background: url(http://www.weizuowen.cn/static/img/ico.png) no-repeat -64px -55px;margin-right: 6px;margin-top: 14px;}
.index_list .list_l .l_title:hover{color: #e2b526;color: #e2b526!important;}
.index_list .list_l ul{float: right;margin-top: 10px;}
.index_list .list_l ul li{float: left;height: 28px;line-height: 28px;text-align: center;text-decoration: none;display: inline-block;overflow: hidden;padding: 0 10px;}
.index_list .list_l ul li a{width: 100%;font-size: 14px;}
.l_lmu{float:right;color: #2998e6;}
/*中学作文图文推荐*/
.hot-image{float: left;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.hot-image a{margin-bottom: 10px;float: left;width: 31%;}
.hot-image a img{width: 100%;height: 88px;border-radius: 10px;}
.hot-image a span{height: 32px;width: 100%;display: inline-block;color: #333;text-align: center;line-height: 32px;font-size: 14px;overflow: hidden;}
.hot-list{float: left;width: 199px}
.hot-list li{height: 32px;line-height: 26px;font-size: 14px;overflow: hidden;}
.hot-list li i{float: left;height: 4px;width: 4px;background: #DCDADA;margin-top: 12px;margin-right: 5px;}
.hot-list li a{color: #343535;}

/*最新中学作文*/
.index_list .list_m{float: left;width: 100%;}
.index_list .list_m .hot_top{float: left;width: 100%;margin-top: 15px;}
.index_list .list_m .hot_top:nth-child(even){}
.index_list .list_m .hot_top .new_title{float: left;width: 100%;height: 40px;line-height: 40px;margin-bottom: 13px;background: #f5f5f8;border-radius: 4px;}
.new_title i{float: left;width: 6px;background: #2e9de9;margin-right: 9px;height: 18px;margin-top: 12px;border-radius: 10px;}

.index_list .list_m .hot_top .new_title span{float: left;font-size: 16px;color: #333;font-weight: 700;}
.index_list .list_m .hot_top ul{float: left;}
.index_list .list_m .hot_top ul li{float: left;line-height: 37px;font-size: 15px;text-align: left;width: 100%;height: 37px;overflow: hidden;}
.index_list .list_m .hot_top ul li a{color: #333;}
.hot_top li em{margin-top: 10px;width: 17px;height: 17px;line-height: 17px;background: #e8b856;color: #ffffff;float: left;text-align: center;margin-right:6px;font-size: 12px;border-radius: 4px;margin-bottom: 10px;font-weight: 400;font-style: initial;}
.hot_top li:nth-child(1) em{background: #e33e42;color:#fff;}
.hot_top li:nth-child(2) em{background: #f44336;color:#fff;}
.hot_top li:nth-child(3) em{background: #ff6c6c;color:#fff;}
.hot_top li:nth-child(4) em{background: #e7805c;color:#fff;}
.hot_top li:nth-child(5) em{background: #e33e42;color:#fff;}
.hot_top li:nth-child(6) em{background: #f44336;color:#fff;}
.hot_top li:nth-child(7) em{background: #ff6c6c;color:#fff;}
.hot_top li:nth-child(8) em{background: #e7805c;color:#fff;}

/*考试精选*/
.index_wenku{float: left;width: 94%;margin-top: 10px;background: #fff;padding: 3%;border-radius: 15px;}
.index_wenku h3{height: 52px;width: 100%;border-bottom: 2px solid #2ca6e0;margin-bottom: 15px;line-height: 43px;}
.index_wenku h3 span{float: left;font-size: 20px;color: #333;font-weight: 700;}
.index_wenku h3 em{color: #333;float: left;background: url(http://www.weizuowen.cn/static/img/ico.png) no-repeat -96px -53px;width: 29px;height: 30px;margin-right: 5px;margin-top: 7px;}

.r_img{margin-top: 10px;width: 100%;float:left;display: flex;justify-content: space-between;flex-wrap: wrap;}
.r_img li{overflow: hidden;width: 30%;position: relative;float: left;text-align: center;margin-bottom: 27px;}
.r_img li a:hover span{text-decoration: underline;}
.r_img li a img{display: inline-block;width: 100%;}
.r_img li a span{float: left;width: 99%;line-height: 24px;font-size: 14px;color: #333;overflow: hidden;text-align: center;margin-top: 8px;height: 24px;}
.r_img li em{float: left;height: 22px;width: 19%;line-height: 22px;font-size: 14px;color: #ffffff;overflow: hidden;position: absolute;background: #ff6c6c;left: 0;text-align: center;top: 0;font-style: inherit;}
.r_img li a p{overflow: hidden;text-align: center;margin-top: 11px;height: 24px;display: inline-block;color: #929292;font-size: 12px;margin-right: 3px;background: #f4f4f4;padding: 0px 13px;border-radius: 13px;line-height: 24px;}
.r_img li a img:hover{margin-left:0;transition: transform 0.3s; -moz-transition: -moz-transform 0.3s; -webkit-transition: -webkit-transform 0.3s; -o-transition: -o-transform 0.3s; transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); /* filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; */ }

/*小学作文*/
.index_top{float:left;width: 100%;margin-top: 10px;}
.top_left{width: 94%;padding: 3%;background: #fff;border-radius: 15px;margin: auto;overflow: hidden;float: left;padding-bottom: 23px;padding-top: 24px;}
.top_left .top_title {height: 57px;line-height: 57px;overflow: hidden;float: left;width: 100%;margin-bottom: 11px;}
.top_left .top_title em{float: left;width: 32px;height: 27px; background: url(http://www.weizuowen.cn/static/img/ico.png) no-repeat -32px -53px;margin-right: 3px;margin-top: 14px;}
.top_left .top_title span {color: #333;float: left;font-weight: bold;overflow: hidden;font-size: 20px;}
.top_left .top_title a{float: right;color: #ff6c6c;}

.top_left_left{float: left;width: 100%;}
/*banenr*/
.top_left_left .floatPic {width: 100%;float: left;}
.top_left_left .floatPic a{border-radius: 10px;width: 100%;float: left;overflow: hidden;position: relative;}
.top_left_left .floatPic img {width: 100%;}
.top_left_left .floatPic span {position: absolute;background: #1919198c;bottom: 0;height: 40px;line-height: 40px;text-align: center;width: 100%;font-size: 16px;color: #fff;}

/*left_hot*/
.left_hot{float: left;width: 100%;margin-top: 14px;}
.left_hot span{display: inline-block;padding-right: 8px;color: #333;float: left;font-size: 16px;font-weight: 700;line-height: 40px;background: #f9f9f9;height: 40px;width: 98%;border-radius: 8px;}
.left_hot span:before{content:"";float: left;height: 18px;background: #2e9de9;width: 6px;border-radius: 10px;margin-right: 9px;margin-top: 11px;}
.left_hot span font{background: #97cc51;border-radius: 10px 0px 0px 10px;border-right: 1px solid #97cc51;color: #FFF;float: left;display: inline-block;height: 23px;line-height: 23px;margin-right: 5px;padding: 0px 8px 0px 10px;display: none;}
.left_hot ul{float: left;margin-top: 8px;}
.left_hot li{float: left;width: 100%;height: 40px;line-height: 40px;overflow: hidden;}
.left_hot li a{color: #333;font-size: 15px;float: left;width: 69%;overflow: hidden;}
.left_hot li a b{margin-top: 10px;width: 17px;height: 17px;line-height: 17px;background: #e8b856;color: #ffffff;float: left;text-align: center;margin-right:6px;font-size: 12px;border-radius: 4px;margin-bottom: 10px;font-weight: 400;}
.left_hot li em{float:right;font-style: inherit;font-size: 12px;color: #999;}
.left_hot li:nth-child(1) b{background: #e33e42;color:#fff;}
.left_hot li:nth-child(2) b{background: #f44336;color:#fff;}
.left_hot li:nth-child(3) b{background: #ff6c6c;color:#fff;}
.left_hot li:nth-child(4) b{background: #e7805c;color:#fff;}

/*left_center*/
.left_center{float: left;width: 100%;margin-top: 15px;position: relative;}
.left_center .news{position: absolute;top: -11px;left: 4px;display: block;width: 38px;height: 38px;}
.left_center .top{float: left;width: 100%;margin-bottom: 10px;border-bottom: 1px dotted #d0d0d0;padding-bottom: 10px;}
.left_center .top h4 {float: left;width: 100%;height: 24px;line-height: 24px;padding-bottom: 10px;}
.left_center .top h4 i {float: left;color: #FFF;background: #ff6c6c;height: 18px;line-height: 17px;text-align: center;width: 18px;font-size: 12px;margin-right: 10px;margin-top: 3px;border-radius: 2px;font-style: initial;font-weight: 400;}
.left_center .top h4 a {font-size: 16px;font-weight: bold;color: #333;}
.paratwo{float: left;width: 100%;line-height: 200%;color: #9b9b9b;font-size: 14px;height: 54px;overflow: hidden;}
.paratwo a{color: #2e9de9;font-size: 12px;float: right;}
.paratwo a:hover{color: #ff8208;text-decoration: underline !important;}
.left_center .cenbot {float: left;width: 100%;}
.left_center .cenbot li {height: 42px;line-height: 42px;}
.left_center .cenbot li span {font-size: 12px;color: #9f9f9f;margin-right: 10px;background: #f0f0f0;padding: 4px 10px;border-radius: 48px;height: 19px;line-height: 19px;float: left;max-width: 95px;overflow: hidden;text-align: center;margin-top: 5px;}
.left_center .cenbot li span a {color: #9f9f9f;font-size: 12px;margin-right: 0;}
.left_center .cenbot li a {float: left;margin-right: 8px;color: #333;font-size: 15px;}
.left_center .cenbot li a.more {font-weight: normal;float: right;margin-right: 0px;color: #C1C1C1;font-size: 12px;}

.box_right{width: 94%;padding: 3%;background: #fff;border-radius: 15px;margin: auto;overflow: hidden;float: right;margin-top: 10px;}

/*作文点评*/
.ListTit{width: 100%;height: 32px;float: left;margin-bottom: 8px;font-weight: 700;}
.ListTit .more{ float: right;height: 13px;line-height: 100px;margin: 10px 8px 0px 0px;overflow: hidden;width: 38px;background: transparent url("https://static.ruiwen.com/img/zuowen/more_col.png") no-repeat scroll right center;}
.ListTit i{background: url(http://www.weizuowen.cn/static/img/ico.png) no-repeat -125px -58px;float: left;width: 19px;height: 20px;margin-top: 1px;;;;;;margin-right: 7px;;;;;;}
.ListTit h3{font-weight:700;font-size: 16px;}
.jingpin_banner{width: 100%;float: left;border-radius: 10px;overflow: hidden;}
.jingpin_banner img{width: 100%;}
.jingpin{float: right;width: 100%;}
.jingpin li img{float: left;width: 48px;margin-top: 3px;margin-right: 10px;height: 48px;border-radius: 50px;}
.jingpin a:hover{text-decoration: underline !important;}
.jingpin li .rcont p{float: left;width: 100%;margin-top: 5px;height: 20px;overflow: hidden;line-height: 20px;color: #666;font-size: 12px;}
.right_list{float: left;width: 100%;margin-top: 7px;}
.right_list ul li {float: left;margin-bottom: 10px;}
.right_list ul li code {float: left;width: 100%;background: rgb(248, 248, 248);color: #666;height: 34px;line-height: 34px;overflow: hidden;font-family: initial;font-size: 14px;}
.right_list ul li code i  {float: left;height: 10px;width: 10px;border-radius: 50px;background: #2e9de9;text-align: center;margin: 11px;}
.right_list ul li a {float: left;width:100%;color: #333;line-height: 40px;font-size: 16px;overflow: hidden;height: 40px;font-weight: 700;}
.right_list ul li a span {float: right;color: #008ecf;font-size: 12px;margin-left: 10px;font-weight: 400;}

/*热搜 */
.rehot{float: left;width: 100%;font-size: 14px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.rehot span {float: left;color: #ff6c6c;margin-right: 5px;font-size: 15px;border-radius: 4px;width: 100%;margin-bottom: 12px;margin-top: 5px;}
.rehot a {float: left;color: #333;margin-bottom: 10px;border: 1px solid #e5e5e5;font-size: 13px;border-radius: 4px;width: 30%;text-align: center;line-height: 30px;height: 30px;}


/*右边栏目分类*/
.list_m_l{float:left;width: 100%;overflow: hidden;}
.type_list {float: right;width:100%;}
.type_list li{float: left;width:100%;height: 41px;line-height: 41px;overflow: hidden;}
.type_list li a{margin-left: 10px;font-size: 15px;height: 36px;overflow: hidden;color: #333;}
.type_list li span{float: right;font-size: 11px;color: #888;}
.type_list li em{margin-top: 12px;width: 17px;height: 17px;line-height: 17px;background: #d3d3d3;color: #ffffff;float: left;text-align: center;margin-right:6px;font-size: 12px;border-radius: 4px;margin-bottom: 10px;font-weight: 400;font-style: initial;}
.type_list li:nth-child(1) em{background: #e33e42;color:#fff;}
.type_list li:nth-child(2) em{background: #f58f5f;color:#fff;}
.type_list li:nth-child(3) em{background: #e8b856;color:#fff;}

/*热门推荐文章*/
.index_list .list_r{float: right;width: 100%;margin-top: 14px;}
.cont{float: left;width: 100%;}
.cont a{float: left;width: 100%;height: 40px;line-height: 40px;font-size: 16px;color: #3C3C3C;overflow: hidden;font-weight: 700;}
.cont p{float: left;color: #8A8888;height: 45px;overflow: hidden;width: 100%;line-height: 24px;margin-bottom: 6px;border-bottom: 1px dotted #d1d1d1;padding-bottom: 8px;}

.list_r .list_r_title{float: left;width: 100%;height: 40px;line-height: 40px;margin-bottom: 14px;background: #f5f5f8;border-radius: 4px;}

.list_r .list_r_title a{float: right;font-size: 14px;padding: 0 5px;height: 17px;line-height: 16px;margin-top: 10px;border-radius: 18px;}
.list_r .list_r_title span{float: left;color: #333;font-size: 16px;font-weight: 700;}
.list_r .list_r_title i{float: left;width: 6px;background: #2e9de9;margin-right: 9px;height: 18px;margin-top: 12px;border-radius: 10px;}

.list_r ul{float: right;width:100%;}
.list_r ul li{float: left;width:100%;height: 41px;line-height: 41px;overflow: hidden;}
.list_r ul li a{float: left;margin-left: 10px;font-size: 16px;height: 36px;overflow: hidden;width: 172px;color: #333;}
.list_r ul li span{float: right;font-size: 11px;color: #888;}
.list_r li i{margin-top: 12px;width: 17px;height: 17px;line-height: 17px;background: #d3d3d3;color: #ffffff;float: left;text-align: center;margin-right:6px;font-size: 12px;border-radius: 4px;margin-bottom: 10px;font-weight: 400;font-style: initial;}
.list_r li:nth-child(1) i{background: #2196f3;color:#fff;}
.list_r li:nth-child(2) i{background: #6bb5f0;color:#fff;}
.list_r li:nth-child(3) i{background: #93cfff;color:#fff;}

.fink_box{float:left;background: #fff;border-radius: 12px;padding: 3%;width: 94%;margin-top: 10px;}
.fink_box_tl{float: left;width: 100%;}
.fink_box_tl i{float: left;width: 3px;background: #2e9de9;margin-right: 9px;height: 12px;margin-top: 4px;border-radius: 10px;}
.fink_box_tl em{float: left;height: 26px;font-weight: 700;font-size: 15px;font-style: inherit;}
.fink_box_tl:after{content:"";display: inline-block;background: #eeeeee;height: 2px;width: 71%;margin-left: 15px;}
.flink{width: 100%;float: left;}
.flink b{line-height:22px;font-weight: 400;float: left;color:#2ca6e0;display: none;}
.flink li{line-height: 22px;color: #b7b7b7;margin: 5px;display: inline-block;float: left;margin-bottom: 0px;}
.flink li a{color: #888;font-size: 12px;}
.flink li:nth-child(2){display:none;}
.flink li a:hover{color:#2ca6e0}
/*footer*/
.footer{width: 100%;padding: 10px 0;background: #2b333e;float: left;margin-top: 10px;border-top: 1px solid #e2e2e2;}
.footer p {float:left;width:100%;text-align: center;color: #d8dde0;font-size: 14px;line-height: 24px;display: flex;justify-content: center;flex-wrap: wrap;align-content: space-around;}
.footer p a{text-decoration:none;color: #d8dde0;padding: 0 5px;font-size: 14px;}
}