@charset "utf-8";article,aside,audio,blockquote,body,button,canvas,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,input,legend,li,main,nav,ol,p,pre,section,summary,td,textarea,th,ul,video {margin:0;padding:0;-webkit-tap-highlight-color:transparent}
img {vertical-align:middle;border:0}
li {list-style:none}
h1,h2,h3,h4,h5,h6,small {font-size:100%}
address,caption,cite,dfn,em,i,q,th {font-weight:400;font-style:normal}
body {background-color:#f5f6f7;font-size:14px;font-family:'Microsoft YaHei','SimSun';margin:0px auto;padding:0px;color:#333;cursor:pointer;}
s {text-decoration:none}
b {font-weight:400}
input {outline:0}
em {font-style:normal}
* {scrollbar-width:none;-ms-overflow-style:none;}
a {cursor:pointer;color:#333;text-decoration:none}
.clearfix:after {content:"";display:block;visibility:hidden;clear:both;height:0;font-size:0;}
.top58{ margin-top: 58px!important;} 
h2{font-size:23px!important;}
h3{font-size:22px!important;}
h4{font-size:21px!important;}
h3.index-bt {width:100%;text-align:center;padding:18px 0 16px;margin-bottom:10px;}
h3.index-bt span {font-weight:800;font-size:22px;line-height:24px;color:#002A77;position:relative;}
h3.index-bt span:before {content:"";width:18px;height:19px;background:url(../img/heading-left.png) no-repeat;position:absolute;top:8px;left:-28px;}
h3.index-bt span:after {content:"";width:21px;height:25px;background:url(../img/heading-right.png) no-repeat;position:absolute;top:8px;right:-31px;}


.page {width:100%;text-align:center;margin:10px 0;}
.page a {background:#fff;display:inline-block;padding:7px 15px;border-radius:4px;margin:0 3px;color:#666;transition:all .3s;-webkit-box-shadow:0 2px 10px 0 #d8dde6;box-shadow:0 2px 10px 0 #d8dde6;}
.page a:hover {background:#0361BC;color:#fff;}
.page>ul>li {float:left;}
.page .pagezong:hover {background-color:#fff;color:#000000;}
.page b {background:#0361BC!important;color:#fff!important;transition:all .3s;padding:7px 15px;border-radius:4px;margin:0 3px;-webkit-box-shadow:0 2px 10px 0 #d8dde6;box-shadow:0 2px 10px 0 #d8dde6;}
.page a b {background:#fff!important;color:#333!important;-webkit-box-shadow:none;box-shadow:none;}




.fanye {padding:7px 0 10px;}
.fanye .fanye-main {height:30px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;}
.fanye .fanye-main .fanye-icon {width:6px;height:8px;margin-right:7px;background:url(../img/y-right.png) no-repeat left/100% 100%;}
.fanye .fanye-main .syp {font-size:14px;color:#999;width:56px;}
.fanye .fanye-main p {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:15px;color:#333;width:75%;}
.daohang {box-sizing:border-box;width:100%;padding:0px  15px;line-height:32px;background-color:#fff;margin-top:5px;overflow:hidden;}
.dibu {text-align:center;border-top:1px solid #ccc;line-height:24px;padding-top:10px;margin-top:15px;color:#71777D;font-size:12px;padding:10px;}

.footer {padding:10px 10px 50px;background:#f3f3f3;margin:20px auto;text-align:center;}
.fix-dibu {position:fixed;width:100%;left:0;bottom:0;z-index:101;}
.flex-zy {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#fff;}
.flex-zy a {color:#fff;font-size:14px;display:block;text-align:center;width:100%;height:48px;line-height:48px;opacity:0.9;}
.flex-zy .flex-left {background-color:#1184e1;}
.flex-zy .flex-right {background-color:#ff8400}
.flex-zy img {width:17px;vertical-align:-2px;margin-right:3px;}

.fixed-opt-wrap {position:fixed;width:100%;left:0;bottom:0;z-index:101;}
.flex-sb {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#fff;}
.flex-sb a {color:#fff;font-size:14px;display:block;text-align:center;width:100%;height:48px;line-height:48px;opacity:0.9;}
.fixed-opt-wrap .fcc-left {background-color:#1184e1;}
.fixed-opt-wrap .fcc-right {background-color:#ff8400}
.fixed-opt-wrap img {width:17px;vertical-align:-2px;margin-right:3px;}
#HBox {height:331px!important;width:100%;position:relative;max-width:77%;margin:0 auto;top:10%;padding:20px;padding:15px 20px;background:#f3f6fa;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.5);-moz-box-shadow:0 1px 5px rgba(0,0,0,.5);box-shadow:0 1px 5px rgba(0,0,0,.5);}
#HBox p {font-size:16px;line-height:28px;color:rgba(0,0,0,.8);margin-bottom:10px;text-align:center;}
#HBox p img {margin:0 auto;display:block;}
#HBox .list {padding-bottom:25px;}
#HBox .list li {width:100%;margin:10px auto auto;ine-height:25px;}
#HBox .list li strong {width:20%;float:left;display:inline-block;margin-right:10px;text-align:right;}
#HBox .list .fl {width:74%;}
#HBox .list li input {line-height:21px;width:100%;height:40px;margin-bottom:15px;padding:10px 15px;-webkit-user-select:text;border:1px solid rgba(0,0,0,.2);border-radius:3px;outline:0;background-color:#fff;-webkit-appearance:nonedisplay:block;width:100%;height:30px;margin-bottom:10px;padding:5px;font-size:16px;}
#HBox .list li .submitBtn {border:1px solid #4f94cf;background-color:#4f94cf;color:#fff;}
footer {margin-bottom:58px;text-align:center;color:#928888;padding:0 20px;    margin-top: 15px;}


.more-btn {padding-top:20px;text-align:center;float:none;width:100%;overflow:hidden;}
.more-btn a {display:inline-block;font-size:16px;line-height:20px;padding:10px;width:153px;color:#fff;background:#0361BC;border-radius:3px;box-shadow:0 0 5px rgba(0,0,0,0.2);}
.kfr-icon {padding:0 10px;margin-left:5px;background:url(../img/kfr-icon.png) no-repeat center center;}

.weizhi {display:flex;align-items:center;margin: 0 10px;}
.weizhi-content {font-size:14px;color:#999;line-height:24px;background:url(../img/weizhi-img.png) no-repeat;background-position:4px 0;background-size:12px 20px;padding-left:20px;box-sizing:border-box;  }
.weizhi-content a {color:#333;}


.article-xbq {margin:30px 0;height:50px;display:flex;align-items:center;justify-content:space-evenly;margin:0;}
.article-xbq span {font-size:12px;color:#999;line-height:24px;background-image:url(../img/shijian.png);background-repeat:no-repeat;background-position:0;background-size:16px 16px;text-indent:30px;}
.article-xbq .zuozhe {background-image:url(../img/zuozhe.png);background-size:19px 16px;text-indent:34px;}
.article-xbq .yanjing:nth-child(3) {background-image:url(../img/yanjing.png);background-size:22px 16px;}

.zhuti-liucheng{overflow:hidden;padding:0 10px}
.flow-bg {margin:0 auto;box-shadow:0 0 5px 1px rgba(0,0,0,.2);background:#fff;padding:20px;border-radius:5px;    overflow: hidden;margin-bottom: 15px;}
.flow-num {position:relative;padding:10px 0 16px;background:url(https://www.xuetechang.com/skin/img/flow-bg2.jpg) repeat-x center left}
.flow-num span {display:inline-block;width:40px;height:40px;font-size:12px;line-height:40px;border:8px solid #ffe0c1;color:#fff;background-color:#ff9833;border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px;-ms-border-radius:40px;-o-border-radius:40px}
.flow-bg dl:nth-child(n+5) {margin-top:15px;}
.flow-item {float:left;width:25%;text-align:center}
.flow-item dt {font-size:16px;font-weight:bold;color:#333;padding-bottom:7px}
.flow-item:first-child .flow-num::after,.flow-item:last-child .flow-num::after {position:absolute;content:'';display:block;width:11px;height:100%;top:0}
.flow-item:first-child .flow-num::after {left:0;background:url(https://www.xuetechang.com/skin/img/flow-bg1.jpg) no-repeat center left}
.flow-item:last-child .flow-num::after {right:0;background:url(https://www.xuetechang.com/skin/img/flow-bg3.jpg) no-repeat center right}
.flow-cnt {position:relative;margin:0 12px;padding:10px;border-radius:4px;box-shadow:0 0 10px rgba(12,23,144,0.16)}
.flow-cnt:before {display:block;content:'';width:100%;height:9px;background:url(https://www.xuetechang.com/skin/img/flow-sanjiao.png) no-repeat center bottom;position:absolute;left:0;top:-9px}
.flow-cnt p {font-size:14px;line-height:18px;color:#666}
.flow-cnt a {display:inline-block;font-size:14px;line-height:30px;color:#fff;background:#217ca1;padding:0 10px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px}