@charset "utf-8";
* { margin:0; padding:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
body { min-width:320px; max-width:640px; line-height:22px; font-family:Microsoft YAHEI,Arial,Helvetica,sans-serif; font-size:12px; color:#333; background:#f5f7f9;}
.clear { clear:both;}
a { color:#333; text-decoration:none;}
a:hover { text-decoration: none; color:#89211b;}
img { border:0;}
ul li { list-style:none;}
#VCode { cursor:pointer;}
input[type=button], input[type=submit],input[type=file], button { cursor:pointer; -webkit-appearance:none;}
textarea { -webkit-appearance:none;}
::-webkit-input-placeholder { color:#333;} 
:-moz-placeholder { color:#333;} 
::-moz-placeholder { color:#333;}
:-ms-input-placeholder { color:#333;} 

@font-face {
	 font-family:"iconfont";
 			 src:url('../font/iconfont.woff2?t=1635229687692') format('woff2'),
      			 url('../font/iconfont.woff?t=1635229687692') format('woff'),
       			 url('../font/iconfont.ttf?t=1635229687692') format('truetype');
	font-weight:normal;
	 font-style:normal;
}
.ico { display:inline-block; font:normal normal normal 16px/1 iconfont; font-size:inherit; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
.icon-toy:before { content:"\e7d2";}
.icon-sport:before { content:"\e7d3";}
.icon-creditcard:before { content:"\e7d4";}
.icon-contacts:before { content:"\e7d5";}
.icon-checkstand:before { content:"\e7d6";}
.icon-aviation:before { content:"\e7d7";}
.icon-Daytimemode:before { content:"\e7d8";}
.icon-infantmom:before { content:"\e7d9";}
.icon-discounts:before { content:"\e7da";}
.icon-invoice:before { content:"\e7db";}
.icon-insurance:before { content:"\e7dc";}
.icon-nightmode:before { content:"\e7dd";}
.icon-usercenter:before { content:"\e7de";}
.icon-unlock:before { content:"\e7df";}
.icon-vip:before { content:"\e7e0";}
.icon-wallet:before { content:"\e7e1";}
.icon-landtransportation:before { content:"\e7e2";}
.icon-voice:before { content:"\e7e3";}
.icon-exchangerate:before { content:"\e7e4";}
.icon-collection:before { content:"\e7e5";}
.icon-brand:before { content:"\e7e6";}
.icon-scenes:before { content:"\e7e7";}
.icon-consumption:before { content:"\e7e8";}
.icon-topraning:before { content:"\e7e9";}
.icon-gold-supplier:before { content:"\e7ea";}
.icon-quick:before { content:"\e7eb";}
.icon-writing:before { content:"\e7ec";}
.icon-feed-logo:before { content:"\e7ed";}
.icon-comments:before { content:"\e7ee";}
.icon-favorites:before { content:"\e7ef";}
.icon-order:before { content:"\e7f0";}
.icon-search:before { content:"\e7f1";}
.icon-trade-assurance:before { content:"\e7f2";}
.icon-microphone:before { content:"\e7f3";}
.icon-banzhengfuwu:before { content:"\e7f4";}
.icon-daibancaishui:before { content:"\e7f5";}
.icon-dongtai:before { content:"\e7f6";}
.icon-jiehui:before { content:"\e7f7";}
.icon-shenqingjilu:before { content:"\e7f8";}
.icon-kehuquanyi:before { content:"\e7f9";}
.icon-quanyipeizhi:before { content:"\e7fa";}
.icon-bold:before { content:"\e7fb";}
.icon-zijin:before { content:"\e7fc";}
.icon-eraser:before { content:"\e7fd";}
.icon-Foreigncurrency:before { content:"\e7fe";}
.icon-language:before { content:"\e7ff";}
.icon-rightalignment:before { content:"\e800";}
.icon-danjuzhuanhuan:before { content:"\e801";}
.icon-Transfermoney:before { content:"\e802";}
.icon-Subscribe:before { content:"\e803";}
.icon-robot:before { content:"\e804";}
.icon-auto:before { content:"\e6eb";}
.icon-all:before { content:"\e6ef";}
.icon-bussiness-man:before { content:"\e6f0";}
.icon-component:before { content:"\e6f2";}
.icon-copy:before { content:"\e6f3";}
.icon-dollar:before { content:"\e6f4";}
.icon-history:before { content:"\e6f8";}
.icon-editor:before { content:"\e6f6";}
.icon-data:before { content:"\e6f9";}
.icon-gift:before { content:"\e6fa";}
.icon-integral:before { content:"\e6fb";}
.icon-pic:before { content:"\e6ff";}
.icon-play:before { content:"\e701";}
.icon-QRcode:before { content:"\e704";}
.icon-rmb:before { content:"\e703";}
.icon-similar-product:before { content:"\e707";}
.icon-Exportservices:before { content:"\e702";}
.icon-sendinquiry:before { content:"\e70d";}
.icon-column:before { content:"\e741";}
.icon-add-account:before { content:"\e742";}
.icon-add:before { content:"\e743";}
.icon-agriculture:before { content:"\e744";}
.icon-arrow-right:before { content:"\e745";}
.icon-arrow-left:before { content:"\e746";}
.icon-apparel:before { content:"\e747";}
.icon-all1:before { content:"\e748";}
.icon-arrow-up:before { content:"\e749";}
.icon-bad:before { content:"\e74a";}
.icon-attachent:before { content:"\e74b";}
.icon-browse:before { content:"\e74c";}
.icon-beauty:before { content:"\e74d";}
.icon-assessed-badge:before { content:"\e74e";}
.icon-auto1:before { content:"\e74f";}
.icon-bags:before { content:"\e750";}
.icon-calendar:before { content:"\e751";}
.icon-cart-full:before { content:"\e752";}
.icon-calculator:before { content:"\e753";}
.icon-cameraswitching:before { content:"\e754";}
.icon-cecurity-protection:before { content:"\e755";}
.icon-category:before { content:"\e756";}
.icon-certified-supplier:before { content:"\e757";}
.icon-cart-Empty:before { content:"\e758";}
.icon-color:before { content:"\e759";}
.icon-conditions:before { content:"\e75a";}
.icon-company:before { content:"\e75b";}
.icon-ali-clould:before { content:"\e75c";}
.icon-copy1:before { content:"\e75d";}
.icon-credit-level:before { content:"\e75e";}
.icon-coupons:before { content:"\e75f";}
.icon-connections:before { content:"\e760";}
.icon-cry:before { content:"\e761";}
.icon-costoms-alearance:before { content:"\e762";}
.icon-clock:before { content:"\e763";}
.icon-CurrencyConverter:before { content:"\e764";}
.icon-cut:before { content:"\e765";}
.icon-data1:before { content:"\e766";}
.icon-Customermanagement:before { content:"\e767";}
.icon-descending:before { content:"\e768";}
.icon-customization:before { content:"\e769";}
.icon-discount:before { content:"\e76a";}
.icon-dollar1:before { content:"\e76b";}
.icon-default-template:before { content:"\e76c";}
.icon-eletrical:before { content:"\e76d";}
.icon-electronics:before { content:"\e76e";}
.icon-etrical-equipm:before { content:"\e76f";}
.icon-ellipsis:before { content:"\e770";}
.icon-email:before { content:"\e771";}
.icon-earth:before { content:"\e772";}
.icon-filter:before { content:"\e773";}
.icon-furniture:before { content:"\e774";}
.icon-folder:before { content:"\e775";}
.icon-feeds:before { content:"\e776";}
.icon-hardware:before { content:"\e777";}
.icon-help:before { content:"\e778";}
.icon-good:before { content:"\e779";}
.icon-Householdappliances:before { content:"\e77a";}
.icon-gift1:before { content:"\e77b";}
.icon-form:before { content:"\e77c";}
.icon-image-text:before { content:"\e77d";}
.icon-hot:before { content:"\e77e";}
.icon-inspection:before { content:"\e77f";}
.icon-jewelry:before { content:"\e780";}
.icon-ipad:before { content:"\e781";}
.icon-integral1:before { content:"\e782";}
.icon-kitchen:before { content:"\e783";}
.icon-inquiry-template:before { content:"\e784";}
.icon-link:before { content:"\e785";}
.icon-libra:before { content:"\e786";}
.icon-loading:before { content:"\e787";}
.icon-listing-content:before { content:"\e788";}
.icon-lights:before { content:"\e789";}
.icon-logistics-icon:before { content:"\e78a";}
.icon-messagecenter:before { content:"\e78b";}
.icon-mobile-phone:before { content:"\e78c";}
.icon-manage-order:before { content:"\e78d";}
.icon-move:before { content:"\e78e";}
.icon-Moneymanagement:before { content:"\e78f";}
.icon-namecard:before { content:"\e790";}
.icon-map:before { content:"\e791";}
.icon-Newuserzone:before { content:"\e792";}
.icon-multi-language:before { content:"\e793";}
.icon-office:before { content:"\e794";}
.icon-notice:before { content:"\e795";}
.icon-ontimeshipment:before { content:"\e796";}
.icon-office-supplies:before { content:"\e797";}
.icon-password:before { content:"\e798";}
.icon-operation:before { content:"\e799";}
.icon-packaging:before { content:"\e79a";}
.icon-online-tracking:before { content:"\e79b";}
.icon-packing-labeling:before { content:"\e79c";}
.icon-phone:before { content:"\e79d";}
.icon-pic1:before { content:"\e79e";}
.icon-pin:before { content:"\e79f";}
.icon-play1:before { content:"\e7a0";}
.icon-print:before { content:"\e7a1";}
.icon-machinery:before { content:"\e7a2";}
.icon-process:before { content:"\e7a3";}
.icon-QRcode1:before { content:"\e7a4";}
.icon-Non-staplefood:before { content:"\e7a5";}
.icon-rejected-order:before { content:"\e7a6";}
.icon-resonserate:before { content:"\e7a7";}
.icon-remind:before { content:"\e7a8";}
.icon-return:before { content:"\e7a9";}
.icon-paylater:before { content:"\e7aa";}
.icon-rmb1:before { content:"\e7ab";}
.icon-RFQ-logo:before { content:"\e7ac";}
.icon-save:before { content:"\e7ad";}
.icon-security:before { content:"\e7ae";}
.icon-salescenter:before { content:"\e7af";}
.icon-seleted:before { content:"\e7b0";}
.icon-raw:before { content:"\e7b1";}
.icon-service:before { content:"\e7b2";}
.icon-signboard:before { content:"\e7b3";}
.icon-shuffling-banner:before { content:"\e7b4";}
.icon-sorting:before { content:"\e7b5";}
.icon-sound-Mute:before { content:"\e7b6";}
.icon-Similarproducts:before { content:"\e7b7";}
.icon-suggest:before { content:"\e7b8";}
.icon-stop:before { content:"\e7b9";}
.icon-supplier-features:before { content:"\e7ba";}
.icon-switch:before { content:"\e7bb";}
.icon-survey:before { content:"\e7bc";}
.icon-template:before { content:"\e7bd";}
.icon-text:before { content:"\e7be";}
.icon-task-management:before { content:"\e7bf";}
.icon-tool:before { content:"\e7c0";}
.icon-textile-products:before { content:"\e7c1";}
.icon-tradealert:before { content:"\e7c2";}
.icon-topsales:before { content:"\e7c3";}
.icon-tradingvolume:before { content:"\e7c4";}
.icon-training:before { content:"\e7c5";}
.icon-RFQ-word:before { content:"\e7c6";}
.icon-viewgallery:before { content:"\e7c7";}
.icon-vehivles:before { content:"\e7c8";}
.icon-trust:before { content:"\e7c9";}
.icon-warning:before { content:"\e7ca";}
.icon-shoes:before { content:"\e7cb";}
.icon-video:before { content:"\e7cc";}
.icon-viewlist:before { content:"\e7cd";}
.icon-set:before { content:"\e7ce";}
.icon-store:before { content:"\e7cf";}
.icon-tool-hardware:before { content:"\e7d0";}
.icon-vs:before { content:"\e7d1";}

/*头部*/
.header { height:50px}
.head { width:95%; height:40px; padding:5px 2.5%; box-shadow:0 0 5px rgba(0,0,0,0.05); background:#fff; position:fixed; left:0; top:0; z-index:99999999;}
.head .logo { float:left; height:25px; margin-top:7.5px;}
.head .logo img { display:block; height:100%;}
.head .menu { float:right; height:40px; position:relative; z-index:999;}
.head .menu i { line-height:40px; font-family:"iconfont"; font-size:26px; color:#999;}
.head .serch { float:right; width:40px; height:40px; line-height:40px; text-align:center;}
.head .serch a { display:block; font-family:"iconfont"; font-size:26px;}
.head .img { float:right; max-width:90px; line-height:25px; margin-top:8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.head .img img { display:block; float:left; width:25px; height:25px; margin-right:5px; border-radius:50%;}
.head .img span { font-size:12px; color:#666;}

/*导航*/
.head .nav { width:159px; height:99vh; padding:0.5vh 0; border-left:1px solid #eee; overflow-y:scroll; background:#fff; position:absolute; top:0; right:-160px; z-index:998;}
.head .nav li { width:100%; line-height:45px; border-bottom:1px solid #eee;}
.head .nav li a { display:block; font-size:15px; color:#666; padding:0 25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/*脚部*/
.footer { width:95%; line-height:25px; font-size:12px; color:#9598a2; padding:20px 2.5% 0 2.5%; border-top:1px solid #eee; background:#fff;}
.footer a { color:#999;}
.footer .img { width:100%; height:30px;}
.footer .img img { display:block; height:100%;}
.footer h3 { font-weight:bold; line-height:30px; margin:10px 0;}
.footer h3 a { font-size:16px; color:#333;}
.footer .copy { margin-top:15px; padding:10px 0; border-top:1px solid #f4f4f4;}
.footer .scode { display:inline-block; height:18px; line-height:18px; font-size:10px; color:#fff; letter-spacing:1px; text-align:center; padding:0 5px; margin-left:5px; border-radius:2px; background:#3485fb; position:relative; top:-2px;}

.main { width:100%; position:relative; right:0;}
.open .head { left:-160px;}
.open .main { right:160px;}

/*banner*/
.banner { width:100%; margin:0 auto;}
.banner .swiper-slide { width:100%; overflow:hidden;}
.banner .swiper-slide img { display:block; width:100%;}
.banner .swiper-pagination-bullets { bottom:10px;}
.banner .swiper-pagination-bullet { width:20px; height:2px; margin:0 5px !important; border-radius:0; filter:alpha(opacity=60); opacity:0.6; background:#fff; position:relative; -webkit-transition:0.4s; transition:0.4s;}
.banner .swiper-button-prev,.banner .swiper-button-next { width:30px; height:30px; filter:alpha(opacity=50); opacity:0.5; border-radius:50%; background:#333;}
.banner .swiper-button-prev::after,.banner .swiper-button-next::after { font-size:14px; color:#fff;} 
.banner .swiper-button-prev { left:5%;}
.banner .swiper-button-next { right:5%;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover { filter:alpha(opacity=100); opacity:1;}

.banner_ej { width:100%; margin:0 auto; overflow:hidden;}
.banner_ej img { display:block; width:100%;}

/**栏目标题**/
.tits { width:100%; line-height:45px;}
.tits h3 { float:left; font-weight:bold; font-size:16px; color:#333;}
.tits a { float:right; font-size:12px; color:#9a9da6; padding-right:15px; position:relative;}
.tits a::after { display:block; content:"\e745"; font-family:iconfont; font-size:16px; color:#999; position:absolute; right:0; top:1px;}
.more { display:block; width:60px; height:30px; line-height:30px; font-size:12px; color:#999; text-align:center; margin:15px auto; padding-right:10px; position:relative;}
.more::after { display:block; content:"\e749"; font-family:iconfont; font-size:14px; color:#999; -webkit-transform:rotate(180deg); transform:rotate(180deg); position:absolute; right:0; top:1px;}

/**分类**/
.sorts { width:100%; padding:10px 0; background:#fff;}
.sorts li { float:left; width:calc(100% / 4); text-align:center;}
.sorts li a { display:block; width:100%;}
.sorts li .img { width:35px; height:35px; margin:0 auto;}
.sorts li .img img { display:block; width:100%;}
.sorts li p { line-height:30px; font-size:14px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/**业务系统**/
.system { width:95%; padding:10px 2.5%;}
.system li { float:left; width:48.5%; padding:15px; margin:0 3% 10px 0; box-sizing:border-box; background:#fff;}
.system li:nth-child(2n) { margin-right:0;}
.system li a { display:block; width:100%;}
.system li .img { float:left; width:47px; height:40px; overflow:hidden;}
.system li .img img { display:block; height:100%; margin:0 auto;}
.system li h3 { float:right; width:calc(100% - 55px); line-height:40px; font-weight:500; font-size:16px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/**新闻**/
.news { width:95%; padding:5px 2.5% 10px 2.5%; margin-top:10px; background:#fff;}
.news li { width:100%; margin-bottom:10px; padding-top:5px; border-top:1px solid #eee;}
.news li a { display:block; width:100%; line-height:30px; font-size:15px; color:#333;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news li span { display:block; line-height:20px; font-size:12px; color:#999;}

.nnews { width:95%; padding:5px 2.5% 10px 2.5%; margin-top:10px;}
.nnews li { padding:15px 15px 5px 15px; margin-bottom:10px; background:#fff;}
.nnews li a { display:block; width:100%;}
.nnews li .time { float:left; width:65px; font-size:12px; color:#666; border-right:1px solid #eee;}
.nnews li .time b { display:block; line-height:50px; font-size:40px; color:#333; -webkit-transition:all .5s ease; transition:all .5s ease;}
.nnews li .msg { float:right; width:calc(100% - 80px);}
.nnews li .msg h3 { font-size:16px; color:#333; margin-bottom:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nnews li .msg p { line-height:20px; font-size:12px; color:#999; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.nnews li span { display:block; width:100%; line-height:30px; font-size:12px; color:#999; margin-top:15px; padding-top:5px; border-top:1px solid #eee; background:url(../images/n01.png) no-repeat right center;}


/**课程**/
.course { width:95%; padding:10px 2.5%;}
.course li { float:left; width:49%; margin:0 2% 10px 0; background:#fff;}
.course li:nth-child(2n) { margin-right:0;}
.course li a { display:block; width:100%;}
.course li .img { width:100%; height:100px; overflow:hidden; position:relative;}
.course li .img i { display:block; line-height:25px; font-style:normal; font-size:12px; color:#fff; padding:0 10px; border-radius:0 15px 15px 0; position:absolute; left:0; top:0; z-index:2;}
.course li .img img { display:block; width:100%;}
.course li .img b { display:block; line-height:25px; font-weight:500; font-size:12px; color:#fff; padding-right:5px; position:absolute; right:0; bottom:0; z-index:2;}
.course li .msg { height: 90px; padding:5px 10px 10px 10px;}
.course li .msg h3 { height:45px; line-height:22px; font-weight:500; font-size:15px; color:#333; margin-bottom:5px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.course li .msg p { line-height:22px; font-size:12px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/**推荐资源**/
.resource { width:95%; padding:10px 2.5%; background:#fff;}
.resource .swiper-slide a { display:block; width:90%; padding:10px 5%; border-radius:2px; background:#e3f4ff;}
.resource .swiper-slide .msg { float:left; width:calc(100% - 70px);}
.resource .swiper-slide .msg h3 { height:40px; line-height:20px; font-weight:500; font-size:14px; color:#0b4266; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.resource .swiper-slide i { display:inline-block; line-height:20px; font-style:normal; font-size:11px; color:#729fbc; padding:0 10px; margin-top:5px; border-radius:2px; background:#fff;}
.resource .swiper-slide .img { float:right; width:65px; height:70px; overflow:hidden;}
.resource .swiper-slide .img img { display:inline-block; height:100%; margin:0 auto;}

/**新课速递**/
.newke { width:95%; padding:10px 2.5% 5px 2.5%; background:#fff;}
.newke li { width:100%; margin-bottom:20px;}
.newke li a { display:block; width:100%;}
.newke li .img { float:left; width:125px; height:75px; overflow:hidden; position:relative;}
.newke li .img i { display:block; line-height:25px; font-style:normal; font-size:12px; color:#fff; padding:0 10px; border-radius:0 15px 15px 0; position:absolute; left:0; top:0; z-index:2;}
.newke li .img img { display:block; height:100%; margin:0 auto;}
.newke li .msg { float:right; width:calc(100% - 135px); height:75px;}
.newke li .msg h3 { font-weight:500; font-size:16px; color:#333; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newke li .msg p { float:left; width:70%; line-height:22px;}
.newke li .msg p span { display:block; font-size:12px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newke li .msg i { float:right; max-width:30%; line-height:22px; font-style:normal; font-size:12px; margin-top:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/**名师风采**/
.teacher { width:95%; padding:5px 2.5% 15px 2.5%;}
.teacher .swiper-slide .nr { padding:10px; border-radius:4px; background:#fff;}
.teacher .swiper-slide .img { float:left; width:115px; height:140px; border-radius:4px; overflow:hidden;}
.teacher .swiper-slide .img img { display:inline-block; height:100%; margin:0 auto;}
.teacher .swiper-slide .msg { float:right; width:calc(100% - 125px);}
.teacher .swiper-slide .msg h3 { line-height:35px; font-size:18px; color:#333; padding-right:70px; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative;}
.teacher .swiper-slide .msg h3 a { display:block; width:65px; height:22px; line-height:20px; font-weight:500; font-size:12px; text-align:center; border:1px solid #fff; border-radius:12.5px; position:absolute; right:0; top:6px;}
.teacher .swiper-slide .msg p { line-height:22px; font-size:12px; color:#999; margin-top:5px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}

/**友情链接**/
.link { width:95%; padding:0 2.5%;}
.link li { float:left; width:calc(48.5% - 20px); height:40px; margin:0 3% 10px 0; padding:10px; overflow:hidden; background:#fff;}
.link li:nth-child(2n) { margin-right:0;}
.link li a { display:table-cell; width:100vw; height:40px; line-height:40px; font-size:14px; color:#333; text-align:center; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.link li img { display:block; max-width:100%; margin:0 auto;}

/*************** 子页公用 *******************/
.fl { float:left;}
.fr { float:right;}
.content { padding:10px;}
.nocours { width:100%; margin:60px auto; padding-top:140px; background:url(../images/not-comment.png) no-repeat center top;}
.nocours p { line-height:30px; font-size:14px; color:#999; text-align:center;}

/*详情页公用*/
.lh { line-height:30px; font-size:14px; color:#666; text-align:justify;}
.lh img { display:block; max-width:100%; height:auto !important; margin:10px auto;}
.serchms { font-size:20px; line-height:60px; color:#333; text-align:center;}
.shownr { width:95%; padding:15px; margin:10px auto; box-sizing:border-box; background:#fff;}
.shownr .titls { margin-bottom:30px; padding-bottom:10px; border-bottom:1px solid #eee; position:relative;}
.shownr .titls h3 { line-height:30px; font-weight:500; font-size:20px; color:#333;}
.shownr .titls p { line-height:25px; font-size:12px; color:#bbb; margin-top:10px;}
.shownr .titls p span { margin-right:10px;}
.shownr .pags { line-height:25px; font-size:12px; color:#999; margin-top:30px; padding-top:10px; border-top:1px solid #eee;}
.shownr .pags p { width:45%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.shownr .pags a { color:#999;}
.shownr .img { width:100%; overflow:hidden;}
.shownr .img img { display:block; width:100%;}
.shownr .msg { width:100%;}
.shownr .msg p { line-height:25px; font-size:13px; color:#333; margin-top:10px;}
.shownr .msg p b { font-weight:500; color:#666;}
.shownr h1 { line-height:35px; font-size:15px; color:#fff; margin-top:20px; border-bottom:1px solid #eee;}
.shownr h1 span { display:inline-block; padding:0 20px; border-radius:4px 4px 0 0;}

/*分页*/
.scott { overflow:hidden; text-align:center; margin:20px auto;}
.scott li { display:inline-block; line-height:30px; margin:0 5px; border-radius:4px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.scott a,.scott span { display:block; padding:0 10px; font-size:14px; cursor:pointer;}
.scott li:hover a,.scott li:hover span,.scott .active span { color:#fff;}
.el-pagination { width:98%; margin:0 auto; padding:15px 0 !important;}
.el-pagination.is-background .btn-prev,.el-pagination.is-background .btn-next,.el-pagination.is-background .el-pager li { border:1px solid #eee; background:#fff !important;}

/*课程列表*/
.coutop { width:95%; line-height:30px; padding:10px; margin:10px auto 0 auto; box-sizing:border-box; background:#fff;}
.coutop li { width:100%; padding:5px 0; border-top:1px solid #eee;}
.coutop li:first-child { border-top:none;}
.coutop li a { font-size:14px; color:#999; margin:0 5px;}

/*搜索*/
.schiput { width:95%; margin:10px auto;}
.schiput input { display:block; float:left; width:75%; height:40px; line-height:40px; font-size:14px; color:#666; padding:0 10px; border:2px solid #fff; box-sizing:border-box; background:#fff;}
.schiput .btn { width:25%; color:#fff;}
.sercher { width:95%; line-height:30px; padding:10px 10px; margin:0 auto; border-top:1px solid #eee; box-sizing:border-box; background:#fff;}
.sercher p { font-size:14px; color:#999;}
.sercher p a { margin-right:10px;}
.sercher p a:hover,.sercher p .act { font-weight:bold;}

/*产品列表*/
.prolist { width:100%;}
.prolist li { float:left; width:400px; margin:0 50px 40px 0; overflow:hidden; position:relative;}
.prolist li:nth-child(3n) { margin-right:0;}
.prolist li .img { display:table-cell; width:400px; height:435px; padding:20px; vertical-align:middle; border:1px solid #ddd; box-sizing:border-box; overflow:hidden; background:#fff; -webkit-transition:all .8s ease; transition:all .8s ease;}
.prolist li .img img { display:block; max-width:100%; max-height:100%; margin:auto;}
.prolist li h3 { line-height:30px; font-weight:500; font-size:18px; color:#333; margin-top:15px; padding-left:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative;}
.prolist li h3::after { display:block; content:""; width:9px; height:9px; border:1px solid #333; border-radius:50%; position:absolute; left:0; top:11px; -webkit-transition:all .8s ease; transition:all .8s ease;}
.prolist li p { float:left; max-width:68%; line-height:30px; font-size:14px; color:#888; padding-left:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.prolist li span { display:block; float:right; max-width:25%; line-height:30px; font-size:12px; color:#89211b;}
.prolist li span b { font-weight:500; font-size:18px;}
.prolist li:hover .img,.prolist li:hover h3::after { border-color:#89211b;}

/*新闻列表*/
.newlist { padding:10px;}
.newlist li { width:100%; margin-bottom:15px; padding:15px 20px; box-sizing:border-box; background:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li:nth-child(2n) { margin-right:0;}
.newlist li a { display:block; width:100%;}
.newlist li i { display:inline-block; height:30px; line-height:30px; font-style:normal; font-size:12px; color:#fff; margin-left:-20px; padding:0 10px; border-radius:0 15px 15px 0;}
.newlist li h3 { line-height:25px; font-size:15px; color:#333; margin-top:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li span { display:block; line-height:25px; font-size:14px; color:#ccc;}
.newlist li p { line-height:25px; font-size:12px; color:#999; overflow:hidden;}
.newlist li:hover { box-shadow:0 0 10px rgba(0,0,0,0.1);}

/*资源列表*/
.sourlst { width:95%; padding:10px 2.5%;}
.sourlst li { float:left; width:49%; margin:0 2% 10px 0; padding:10px; box-sizing:border-box; background:#fff;}
.sourlst li:nth-child(2n) { margin-right:0;}
.sourlst li a { display:block; width:100%;}
.sourlst li .img { width:120px; height:130px; text-align:center; margin:0 auto; overflow:hidden;}
.sourlst li .img img { display:block; height:100%;}
.sourlst li h3 { line-height:30px; font-size:16px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.sourlst li p { line-height:22px; font-size:12px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sourlst li p span { margin-right:15px; position:relative;}
.sourlst li p span::after { display:block; content:""; width:1px; height:10px; background:#999; position:absolute; right:-10px; top:5px;}
.sourlst li p span:last-child::after { display:none;}

/*教师列表*/
.teach { width:95%; padding:10px 2.5%;}
.teach li { float:left; width:49%; margin:0 2% 10px 0; padding-bottom:5px; box-sizing:border-box; background:#fff;}
.teach li:nth-child(2n) { margin-right:0;}
.teach li a { display:block; width:100%;}
.teach li img { display:block; width:100%;}
.teach li h3 { line-height:25px; font-weight:500; font-size:16px; color:#333; margin-top:10px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.teach li p { line-height:25px; font-size:12px; color:#999; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}