@import url(index.ie.css) screen and (min-width:750px);
@media screen and (max-width: 750px) {
@charset "gb2312";
body {margin: 0px;padding: 0px;font-size: 14px;color: #333;max-width: 750px;background: #f3f3f3;}
img { border: 0; display: block;}
a { text-decoration: none; color: #333; cursor: pointer; transition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;}
a:hover { color: #ff6c6c!important; transition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; }
div, ul, li, form, h1, h2, h3, h4,h5, p, dl, dt, dd, ul, ol, li, th, td, aside, article { margin: 0px; padding: 0px; list-style: none; }
.clear { clear: both; }
.clear:after {/* content: ""; */display: block;clear: both;}

.cankao_header {height: 201px;background: url(../img/banner.jpg) no-repeat center;float: left;width: 100%;background-color: #5275d3;background-size: 100%;}
.nav {height: 44px;width: 100%;margin: auto;line-height: 44px;overflow: hidden;}
.nav li{display: inline-block;position: relative;transition: 0.1s all linear;cursor: pointer;text-align: center;}
.nav li a {font-size: 14px;color: #fff;display: block;text-align: center;margin-right: 17px;width: 100%;font-weight: 700;}
.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(../img/ico.png)  -38px -172px no-repeat;margin-left: 5px;}
.rougao a:hover{color: #0797ca;}
.rougao .denglu{color: #2ca6e0!important;}

.cankao_header_bt{margin: 3%;margin-top: 21px;display: flex;flex-wrap: wrap;justify-content: center;width: 94%;text-align: center;}
.logo {display: inline-block;width: 216px;height: 43px;background: url(../img/logo.png) no-repeat 0 1px;margin-bottom: 23px;}
.search_box{display: inline-block;width: 100%;}
.search {background: #fff;float: left;border-radius: 10px;overflow: hidden;width: 100%;}
.search em{float: left;width: 26px;height: 25px;background: url(../img/ico_2021.png) -31px 0px no-repeat;margin-left: 23px;margin-top: 11px;}
.search_text {width: 54%;line-height: 46px;height: 46px;border: 0;color: #cacaca;font-size: 15px;outline: none;}
.search_btn {width: 30%;line-height: 48px;cursor: pointer;background: #c1d2ff;padding: 0;float: right;font-size: 16px;color: #4e77de;border: 0;text-align: center;font-weight: 700;}
.search_btn:hover { opacity: 1;color:#fff!important;background:#ff8181}



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

.cankao_top{float:left;width: 100%;margin-top: 10px;background: #fff;border-radius: 15px;}
.cankao_top_left{float: left;width: 94%;margin: 3%;}

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

.cankao_top_left_hot{float: left;width: 100%;margin-top: 14px;}
.cankao_top_left_hot ul{float: left;margin-top: 8px;}
.cankao_top_left_hot li{float: left;width: 100%;height: 44px;line-height: 44px;overflow: hidden;position: relative;}
.cankao_top_left_hot li a{color: #333;font-size: 15px;float: left;width: 69%;overflow: hidden;}
.cankao_top_left_hot li a b{margin-top: 15px;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;}
.cankao_top_left_hot li em{float:right;font-style: inherit;font-size: 12px;color: #999;}
.cankao_top_left_hot li:nth-child(1) b{background: #e33e42;color:#fff;}
.cankao_top_left_hot li:nth-child(2) b{background: #f44336;color:#fff;}
.cankao_top_left_hot li:nth-child(3) b{background: #ff6c6c;color:#fff;}
.cankao_top_left_hot li:nth-child(4) b{background: #e7805c;color:#fff;}

/*最新作文*/
.cankao_top_center{float: left;width: 94%;margin: 3%;}
.cankao_top_center .news{position: absolute;top: -11px;left: 4px;display: block;width: 38px;height: 38px;}
.cankao_top_center .top{float: left;width: 100%;margin-bottom: 14px;}
.cankao_top_center .top h4 {float: left;width: 100%;height: 24px;line-height: 24px;padding-bottom: 10px;}
.cankao_top_center .top h4 i {float: left;color: #FFF;background: #5276d6;height: 18px;line-height: 17px;text-align: center;width: 18px;font-size: 12px;margin-right: 10px;margin-top: 3px;border-radius: 4px;font-style: initial;font-weight: 400;}
.cankao_top_center .top h4 a {font-size: 15px;font-weight: bold;color: #333;}
.paratwo{float: left;width: 100%;line-height: 24px;color: #9b9b9b;font-size: 14px;height: 53px;overflow: hidden;}
.paratwo a{color: #4e72d2;font-size: 13px;float: right;}
.paratwo a:hover{color: #ff8208;text-decoration: underline !important;}
.cankao_top_center .cenbot {float: left;width: 100%;}
.cankao_top_center .cenbot li {height: 42px;line-height: 42px;float: left;width: 100%;overflow: hidden;}
.cankao_top_center .cenbot li span {font-size: 14px;color: #4e77de;margin-right: 10px;border: 2px solid #4e77de;border-radius: 4px;height: 16px;line-height: 16px;float: left;width: 16px;overflow: hidden;text-align: center;margin-top: 12px;font-weight: 700;}
.cankao_top_center .cenbot li a {float: left;color: #333;font-size: 15px;width: 67%;}
.cankao_top_center .cenbot li a.more {font-weight: normal;float: right;margin-right: 0px;color: #ababab;font-size: 12px;width: 20%;}

.cankao_top .top_title {height: 46px;line-height: 46px;overflow: hidden;float: left;width: 96%;background: #f7f7f7;padding: 0 2%;border-radius: 10px;margin-bottom: 21px;}
.cankao_top .top_title em{float: left;width: 32px;height: 27px;background: url(../img/ico.png) no-repeat -77px -90px;margin-right: 3px;margin-top: 14px;}
.cankao_top .top_title span {color: #333;float: left;font-weight: bold;overflow: hidden;font-size: 17px;}
.cankao_top .top_title a{float: right;color: #ff6c6c;}

.cankao_top_right img{width: 100%;}

/*优秀作文*/
.cankao_top_right{width: 94%;background: #fff;margin: 3%;overflow: hidden;float: right;}
.cankao_top_right_title{font-weight: 700;height: 46px;line-height: 46px;overflow: hidden;float: left;width: 94%;background: #f7f7f7;padding: 0 3%;border-radius: 10px;margin-bottom: 21px;}
.cankao_top_right_title i{background: url(../img/ico.png) no-repeat 1px -81px;float: left;width: 19px;height: 26px;margin-top: 9px;margin-right: 7px;}
.cankao_top_right_title h3{font-weight:700;}

.cankao_top_right_img{height: 181px;line-height: 46px;overflow: hidden;float: left;width: 100%;border-radius: 10px;margin-bottom: 4px;}
.cankao_top_right_img img{float: left;}

.cankao_top_right_ul{float: left;width: 100%;margin-top: 7px;}
.cankao_top_right_ul ul li {float: left;margin-bottom: 11px;}
.cankao_top_right_ul ul li code {float: left;width: 100%;background: rgb(248, 248, 248);color: #666;height: 39px;line-height: 39px;overflow: hidden;font-family: initial;border-radius: 10px;}
.cankao_top_right_ul ul li code i  {float: left;height: 10px;width: 10px;border-radius: 50px;background: #4e77de;text-align: center;margin: 14px;}
.cankao_top_right_ul ul li a {float: left;width:100%;color: #333;line-height: 40px;font-size: 15px;overflow: hidden;font-weight: 700;}


/*作文ico*/
.cankao_ico{float:left;width: 94%;margin: 3%;}
.cankao_ico ul{float:left;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;width: 100%;}
.cankao_ico ul li{float: left;width: 177px;height: 70px;background-color: #f7f7f7;border-radius: 10px;position: relative;margin-bottom: 15px;}
.cankao_ico ul li a{float:left;height: 70px;width: 100%;display: flex;flex-wrap: nowrap;align-items: center;justify-content: center;}
.cankao_ico ul li span{float:left;font-size: 16px;}
.cankao_ico ul li i{display: inline-block;background: url(../img/ico.png) no-repeat 2px -50px;width: 26px;height: 28px;margin-top: 10px;}
.cankao_ico ul li p{float:left;width: 45px;height: 45px;background: #597cda;border-radius: 20px;margin-right: 16px;text-align: center;}

.cankao_ico ul li:nth-child(2) p{background: #43a5f8;}
.cankao_ico ul li:nth-child(3) p{background: #55be5a;}
.cankao_ico ul li:nth-child(4) p{background: #46c8f3;}
.cankao_ico ul li:nth-child(5) p{background: #8b66d8;}
.cankao_ico ul li:nth-child(6) p{background: #ff9752;}

.cankao_ico ul li:nth-child(2) p i{background: url(../img/ico.png) no-repeat -27px -52px;}
.cankao_ico ul li:nth-child(3) p i{background: url(../img/ico.png) no-repeat -57px -51px;width: 28px;margin-left: 3px;}
.cankao_ico ul li:nth-child(4) p i{background: url(../img/ico.png) no-repeat -89px -51px;width: 29px;margin-left: 4px;}
.cankao_ico ul li:nth-child(5) p i{background: url(../img/ico.png) no-repeat -121px -51px;width: 32px;}
.cankao_ico ul li:nth-child(6) p i{background: url(../img/ico.png) no-repeat -157px -51px;}



/*cankao_list*/
.cankao_list{float: left;width: 94%;margin-top: 10px;background: #fff;border-radius: 15px;padding: 3%;}
/*标题*/
.cankao_list .cankao_list_t{float: left;width: 100%;margin-bottom: 23px;height: 50px;border-bottom: 3px solid #e6e6e6;line-height: 50px;}
.cankao_list .cankao_list_t .l_title{float: left;font-size: 20px;font-weight: 600;}
.cankao_list .cankao_list_t .l_title i{float: left;width: 32px;height: 32px;background: url(../img/ico.png) no-repeat -44px -87px;margin-right: 6px;margin-top: 12px;}
.cankao_list .cankao_list_t .l_title:hover{color: #e2b526;color: #e2b526!important;}
.cankao_list .cankao_list_t .l_lmu{float: right;font-size: 13px;color: #999;}

.cankao_list_t{float:right;color: #2998e6;}

/*最新作文推荐*/
.cankao_list_l{float: left;width: 100%;}
.cankao_list_l .cankao_list_title{height: 46px;line-height: 46px;overflow: hidden;float: left;width: 96%;background: #f7f7f7;padding: 0 2%;border-radius: 10px;margin-bottom: 21px;font-size: 16px;font-weight: 700;}
.cankao_list_l .cankao_list_title i{float: left;width: 32px;height: 27px;background: url(../img/ico.png) no-repeat -77px -90px;margin-right: 3px;margin-top: 14px;}
 .cankao_list_l .hot_top .cankao_list_title span{float: left;font-size: 16px;color: #333;font-weight: 700;}


.hot-image{float: left;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;height: 288px;overflow: hidden;}
.hot-image a{float: left;width: 46%;}
.hot-image a img{width: 100%;height: 101px;border-radius: 10px;}
.hot-image a span{height: 40px;width: 150px;display: inline-block;color: #333;text-align: center;line-height: 40px;font-size: 14px;overflow: hidden;}
.cankao_list_l ul{float: left;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.cankao_list_l li{height: 43px;line-height: 43px;font-size: 14px;overflow: hidden;width: 100%;float: left;}
.cankao_list_l li em{float: left;height: 18px;width: 18px;background: #c2c2c2;margin-top: 12px;margin-right: 9px;font-style: initial;text-align: center;line-height: 18px;border-radius: 4px;color: #fff;}
.cankao_list_l li a{color: #343535;font-size: 15px;}
.cankao_list_l li:nth-child(1) em{background: #e33e42;color:#fff;}
.cankao_list_l li:nth-child(2) em{background: #f44336;color:#fff;}
.cankao_list_l li:nth-child(3) em{background: #ff6c6c;color:#fff;}
.cankao_list_l li:nth-child(4) em{background: #e7805c;color:#fff;}
.cankao_list_l li span{color: #ababab;font-size: 13px;float: right;}


/*热门推荐文章*/
.cankao_list .cankao_list_r{float: right;width: 100%;margin-top: 15px;}
.cankao_list_r .cankao_list_r_title{height: 46px;line-height: 46px;overflow: hidden;float: left;width: 96%;background: #f7f7f7;padding: 0 2%;border-radius: 10px;margin-bottom: 10px;}

.cankao_list_r .cankao_list_r_title a{float: right;font-size: 14px;padding: 0 5px;height: 17px;line-height: 16px;margin-top: 10px;border-radius: 18px;}
.cankao_list_r .cankao_list_r_title span{float: left;color: #333;font-size: 16px;font-weight: 700;}
.cankao_list_r .cankao_list_r_title i{background: url(../img/ico.png) no-repeat 1px -81px;float: left;width: 19px;height: 26px;margin-top: 9px;margin-right: 7px;}

.cankao_list_r ul{float: right;width:100%;}
.cankao_list_r ul li{float: left;width:100%;height: 41px;line-height: 41px;overflow: hidden;}
.cankao_list_r ul li a{float: left;font-size: 15px;height: 36px;overflow: hidden;width: 172px;color: #333;}
.cankao_list_r ul li span{float: right;font-size: 11px;color: #888;}
.cankao_list_r li i{margin-bottom: 10px;font-style: initial;font-size: 13px;color: #4e77de;margin-right: 6px;border: 2px solid #4e77de;border-radius: 4px;height: 15px;line-height: 15px;float: left;width: 15px;overflow: hidden;text-align: center;margin-top: 12px;font-weight: 700;}
.cankao_list_r li:nth-child(1) i{border: 2px solid #fa6a5f;color: #fa6a5f;}
.cankao_list_r li:nth-child(2) i{border: 2px solid #ff9800;color: #ff9800;}
.cankao_list_r li:nth-child(3) i{border: 2px solid #55be5a;color: #55be5a;}



.fink_box{float:left;background: #fff;border-radius: 12px;width: 94%;margin-top: 10px;padding: 3%;}
.fink_box_tl{float: left;width: 100%;}
.fink_box_tl i{float: left;width: 18px;background: url(../img/ico.png) no-repeat -18px -88px;margin-right: 9px;height: 18px;margin-top: 6px;}
.fink_box_tl em{float: left;height: 26px;font-weight: 700;font-size: 20px;font-style: inherit;}
.fink_box_tl:after{display: inline-block;background: #eeeeee;height: 3px;width: 1002px;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: 10px 8px;display: inline-block;float: left;margin-bottom: 0px;}
.flink li a{color: #444;font-size: 14px;}
.flink li:nth-child(2){display:none;}
.flink li a:hover{color:#2ca6e0}
/*footer*/
.footer{width: 94%;background: #3f4c5f;float: left;margin-top: 10px;padding: 3%;}
.footer p {float:left;width:100%;text-align: center;color: #d8dde0;font-size: 12px;line-height: 28px;display: flex;justify-content: center;flex-wrap: wrap;align-content: space-around;}
.footer p a{text-decoration:none;color: #d8dde0;padding: 0 5px;}
/*header*/
.header{margin:0 auto;height: 147px;background: url(../img/banner.jpg) no-repeat center;float: left;width: 100%;}
.header_box{width: 94%;overflow: hidden;margin: 3%;text-align: center;}
.header .logo{width: 226px;height: 46px;background: url(../img/ico.png) no-repeat 0 1px;display: inline-block;margin-bottom: 10px;}
.header .search {background: #fff;float: right;border-radius: 10px;overflow: hidden;}
.header .search em{float: left;width: 26px;height: 25px;background: url(../img/ico.png) -99px -53px no-repeat;margin-left: 15px;margin-top: 8px;}

/* end 头部****************** */
.daohang{float:left;width: 100%;background: #5276d6;height: 145px;line-height: 46px;}
.daohang_box{margin: auto;width: 100%;}
.daohang_box a{float: left;color: #fff;width: 33.33%;font-size: 16px;text-align: center;}
.daohang_box a:nth-child(1){/* background: #537ee8; */}

.daohang .rougao{float: right;margin-top: 9px;}
.daohang .rougao a{float: right;font-size: 12px;margin-left: 16px;height: 28px;border-radius: 17px;line-height: 28px;text-align: center;padding: 0 15px;background: #6790ff;}
.daohang .rougao .tg{padding: 0 10px;}
.daohang .rougao .tg i{width: 21px;height: 29px;display: block;background: url("../img/ico.png") -41px -50px no-repeat;margin: 0px 0px 1px 16px;float: left;display: none;}
.daohang .rougao .jianyi{padding: 0 10px;}
.daohang .rougao .jianyi i{float: left;width: 27px;height: 31px;display: block;background: url(../img/ico.png) -58px -50px no-repeat;margin: 0px 0 0px 12px;display: none;}
.daohang .rougao span{color: #fafdff;font-size: 14px;}

}