@import url(https://www.xuesii.com/static/css/index.ie.css) screen and (min-width:750px);
@media screen and (max-width: 750px) {
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;border:0 none;outline:0;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0 none}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
strong{font-weight:800}
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: 15px;}
a:hover{ text-decoration:underline}
strong{font-weight: 800;}
body{font-size: 12px;float: left;width: 100%;}

/*头部*/
.index_mid{float: left;width: 100%;}

/*logo*/
.logo_box{width: 100%;margin: auto;text-align: center;}
.logo {width: 115px;height: 41px;background: url("https://www.xuesii.com/static/img/logo.png") no-repeat;display: inline-block;margin-top: 8px;background-size: 100%;}


.nav{float: left;background: #00a5db;padding: 10px 0;}
.nav a{float: left;color: #fff;font-size: 16px;line-height: 42px;width: 25%;}
.nav a:hover{color:#e2b526;}


/*栏目导航*/

.main {width: 100%;margin: auto;}
.tj_list{width: 100%;float: left;margin-top: 10px;}
.tj_list_left {width: 94%;float: left;margin: 0 3%;}
.swiper {width: 100%;float: left;height: 232px;border-radius: 10px;overflow: hidden;}
.swiper a {width: 100%;display: inline-block;position: relative;height: 232px;}
.swiper a img {width: 100%;height: 232px;display: inline-block;}
.swiper a span {display: block;width: 94%;height: 36px;background: rgba(0, 0, 0, 0.6);position: absolute;bottom: 0;font-size: 15px;color: #fff;line-height: 36px;padding: 0 3%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.tj_left_list{float: left;width: 100%;margin-top: 15px;}
.tj_left_list li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 48px;line-height: 48px;font-size: 13px;color: #999;text-align: right;}
.tj_left_list li a{color:#000;float: left;width: 73%;height: 48px;line-height: 48px;overflow: hidden;text-align: left;}
.tj_left_list li em{float: left;width: 16px;height: 16px;background: #0099cb;border-radius: 4px;line-height: 14px;text-align: center;color: #ffffff;font-size: 13px;margin-top: 17px;margin-right: 5px;}
.tj_list_mid{width: 94%;float: left;margin: 3%;}
.tj_list_mid ul{width: 100%;float: left;}
.tj_mid_title{color: #333; font-size: 16px; font-weight: 700; float: left; width: 100%; height: 45px; line-height: 45px; margin-bottom: 5px; background: #f5f5f8; border-radius: 10px;}
.tj_mid_title:before{content:"";width: 7px;height: 17px;border-radius: 60px;background: #d69f25;float: left;margin-top: 15px;margin-right: 8px;margin-left: 10px;}

.tj_mid_title span{float: right;color:#ccc;font-size: 14px;margin-top:4px;cursor: pointer;}
.tj_mid_title span img{width:14px;height:14px;margin-right:4px;vertical-align: middle;}
.tj_list_mid li{width:100%;font-size: 14px;overflow: hidden;line-height: 43px;height: 43px;text-overflow: ellipsis;white-space: nowrap;text-align: right;color: #888;}

.tj_list_mid li a span:hover{text-decoration:underline;}
.tj_list_mid .sort{float: left;display: inline-block;width: 15px;height: 15px;border: 1px solid #0099cb;line-height: 14px;text-align: center;color: #259ff0;font-weight: 700;font-size: 13px;margin: 12px 5px 0 0px;border-radius: 4px;}
.tj_list_mid .con{width: 261px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333;text-align: left;float: left;}
.tj_list_right{width: 94%;float: left;margin: 0 3%;}
.tj_list_right_title{color: #333;font-size: 16px;font-weight: 700;float: left;width: 100%;height: 45px;line-height: 45px;margin-bottom: 5px;background: #f5f5f8;border-radius: 10px;}
.tj_list_right_title:before{content:"";width: 0;height: 0;border-top: 8px solid transparent;border-left: 14px solid #0099cb;border-bottom: 8px solid transparent;border-radius: 0;margin-left: 10px;margin-top: 16px;background: #f5f5f8;float: left;margin-right: 8px;}

.tj_right_top{float: left;width: 100%;}
.tj_right_top li{width: 100%;height: 41px;float: left;line-height: 41px;overflow: hidden;}
.tj_right_top li a{width: 75%;font-size: 15px;float: left;}
.tj_right_top li a:before{content:"1";line-height: 15px;color: #ffffff;width: 16px;height: 16px;font-size: 12px;text-align: center;float: left;margin-top: 13px;margin-right: 7px;background: #e33e42;border-radius: 4px;}
.tj_right_top li:nth-child(2) a:before{content:"2";background: #e7805c;}
.tj_right_top li:nth-child(3) a:before{content:"3";background: #e8b856;}
.tj_right_top li:nth-child(4) a:before{content:"4";background: #c7c7c7;}

.tj_right_top li span{float: right;color: #888;font-size: 11px;}
.tj_right_bottom{width: 100%;float: left;}
.tj_right_bottom li {overflow: hidden;margin-bottom: 10px;padding-top: 14px;}
.tj_right_bottom a{display: block;width:100%;height:10%;text-decoration: none;}
.tj_right_bottom img{width: 127px;height: 85px;float: left;background: red;border-radius: 10px;}
.tj_jj{width: 58%;float: right;}
.tj_jj_p1{font-size: 15px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 700;line-height: 33px;}
.tj_jj_p2{font-size: 14px;color: #9b9b9b;float: left;width: 100%;line-height: 24px;overflow: hidden;height: 48px;}
.wd_box{float: left;width: 94%;margin: 0 3%;}
.wd_box_title{line-height: 50px;float: left;height: 50px;width: 100%;margin-bottom: 14px;border-bottom: 3px solid #e8ebef;}
.wd_box_title span{float: left;text-align: center;font-size: 22px;color: #333;font-weight: bold;}
.wd_box_title:before{content:"";width: 10px;height: 25px;background: #e8b856;margin-top: 11px;float: left;border-radius: 30px;}
.wd_box_title span:before{content: "";width: 8px;height: 21px;background: #0099cb;margin-top: 14px;float: left;border-radius: 30px;margin-right: 12px;}

.wd_box_title a{float: right;color: #e7805c;margin-left: 5px;}
.wd_box_left{width: 100%;float: left;}
.wd_left_top{overflow: hidden;}
.wd_left_top img{width: 38%;height: 100px;float: left;border-radius: 10px;}
.wd_tw{float: right;width: 58%;overflow: hidden;}
.wd_tw_p1{font-size: 16px;color:#000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 700;line-height: 30px;}
.wd_tw_p1:hover{text-decoration:underline;}
.wd_tw_p2{font-size:14px;color: #939393;line-height: 24px;height: 72px;}
.wd_left_list{float:left;margin-top: 10px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.wd_left_list li{width: 100%;float:left;line-height: 44px;height: 44px;}
.wd_left_list a{font-size: 15px;width:264px;float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.wd_left_list a:before{content:"w";float: left;display: inline-block;width: 15px;height: 15px;border: 1px solid #0099cb;line-height: 14px;text-align: center;color: #259ff0;font-weight: 700;font-size: 13px;margin: 15px 5px 0 0px;border-radius: 4px;}

.wd_left_list em{color: #9d9d9d;float: right;font-size: 12px;}
.wd_box_right{width: 100%;float: right;}
.wd_right_t{color: #333;font-size: 16px;font-weight: 700;float: left;width: 100%;height: 45px;line-height: 45px;margin-bottom: 5px;background: #f5f5f8;border-radius: 10px;}
.wd_right_t:before{content:"";width: 0;height: 0;border-top: 8px solid transparent;border-left: 14px solid #0099cb;border-bottom: 8px solid transparent;border-radius: 0;margin-left: 10px;margin-top: 16px;background: #f5f5f8;float: left;margin-right: 8px;}

.wd_right_list{float: left;width: 100%;}
.wd_right_list li{font-size: 11px;line-height: 42px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #888;text-align: right;height: 42px;}
.wd_right_list li em{line-height: 15px;color: #ffffff;width: 16px;height: 16px;font-size: 12px;text-align: center;float: left;margin-top: 13px;margin-right: 7px;background: #c7c7c7;border-radius: 4px;}
.wd_right_list li:nth-child(2) em{background: #e7805c;}
.wd_right_list li:nth-child(3) em{background: #e8b856;}
.wd_right_list li:nth-child(1) em{background: #e33e42;}

.wd_right_list li span{margin-left: 8px;font-size: 15px;color:#000;float: left;width: 61%;overflow: hidden;text-align: left;height: 34px;}
.wd_right_list li span:hover{text-decoration:underline;}

/*友情链接*/
.flink{width: 100%;margin-top: 20px;float: left;}
.flink ul{width: 1100px;margin: auto;}
.flink b{line-height: 28px;float: left;font-size: 16px;font-weight: 700;color: #333;}
.flink b:before{content:"";float: left;background: #0099cb;width: 7px;height: 15px;margin-right: 5px;border-radius: 60px;margin-top: 5px;}
.flink b:after{content:"";display: inline-block;background: #eeeeee;height: 3px;width: 240px;margin-left: 15px;}

.flink li{line-height: 22px;color: #b7b7b7;margin: 5px;float: left;}
.flink li:nth-child(1){color: #4586f1;}
.flink li a{color: #666;font-size: 13px;}
.flink li a:hover{color: #4586f1;}

/*footer*/
.footer{width: 100%;padding: 10px 0;background: #3a3c3f;float: left;margin-top: 15px;}
.foot_box{width: 1000px;margin: auto}
.footer p {float:left;width:100%;text-align: center;color: #d8dde0;font-size: 12px;height: 24px;line-height: 24px;}
.footer p a:hover{text-decoration:none}
.footer p span{height:30px;font-size:12px;color:#555;margin:0 auto}
.footer p a{font-size: 12px;color: #d8dde0;padding: 0 3px;display: inline-block;}

}