/* ================================================ copyright: yunnan university of business management web: www.ynjgy.com author: zhang biao color1: #a33326; ================================================ */ body,input,h1,h2,h3,h4,h5,h6,p,textarea,table,div,ul,li,select,td,th,em,span,i,button,code { margin:0; padding:0; color:inherit; line-height:inherit; /* font-family: 'pingfang sc','pingfangmedium',"microsoft yahei"; */ font-family: "microsoft yahei";} body{background:#fff; overflow-x:hidden;} img{ border:0; display: inline-block; max-width:100%; vertical-align:middle;} .fl{ float:left;} .fr{ float:right;} ul,li{ list-style:none; } a,p,span,i,em{ text-decoration:none; color:inherit;} :focus{outline:none!important;border-color:inherit;} .clearfix{*zoom: 1;} .clearfix:before,.clearfix:after {display:table;line-height:0; content: "";} .clearfix:after{clear: both;} table{border-collapse:collapse;border-spacing:0;width:100%} h3,h4,h5,h6{font-weight: normal;} em,i{font-style:normal;} *{box-sizing:border-box;color: #333;} input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;} input[type="button"]{border:none;} textarea { -webkit-appearance: none;} .auto{margin:0 auto;max-width: 1440px;width: 94%;} :hover{transition: all .2s;} .img_hover_wrap{overflow: hidden;} .img_hover{transition: all .3s;} .img_hover:hover{transform: scale(1.05,1.05);} .img_traslate{transition: all .3s;} .img_traslate:hover{transform: translatey(-10px);} .img_rotate{transition: all .3s;} .img_rotate:hover{transform:rotate(-360deg);} .img-hover1 { width:100%; display:block; overflow:hidden;} .img-hover1 img { min-width:100%; width:100%; transform:scale(1.00); transition:0.5s;} .img-hover1 img { display:inline-block; max-width:100%; height:auto; object-fit:cover; transition-delay:.1s; transition-timing-function:ease-in-out; transition-duration:.7s; transition-property:all;} /** scrolltop ========== **/ .scrolltop { position:fixed; right:20px; bottom:80px; width:45px; height:45px; color:#fff; font-size:18px; line-height:45px; text-align:center; z-index:1000; background:#300d09; border-radius:50%; display:none; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; cursor:pointer; opacity:0.6;} .scrolltop:hover { background:#300d09; border-radius:0; opacity:1;} .bold{font-weight: bold;} .normal{font-weight: normal!important;} .center{text-align: center!important;} .img{/* width: 100%; */display: block;} .ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .ele{position:relative;} .ele:before,.ele:after{content:'';display: inline-block;vertical-align: middle;} .ipt{display: block;border:none;} .ipt_button{cursor: pointer;} .item_scale .icon{transition: all .3s;} .item_scale:hover .icon{transform: scale(1.05,1.05);} .text-left{text-align: left!important;} .text-right{text-align: right!important;} .clamp{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-box-orient: vertical;/*-webkit-line-clamp: 3;*/} .clamp1{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-box-orient: vertical;-webkit-line-clamp: 1;} .clamp2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .clamp3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-box-orient: vertical;-webkit-line-clamp: 3;} .null1 { width:100%; position:static; clear:both; margin:0 auto;} .item{} .item .imgbox{display: block;overflow: hidden;} .item .img{transition: all 1s;width: 100%;display: block;} .item:hover .imgbox .img{transform: scale(1.1,1.1);} .zoomimg{position:relative;overflow: hidden;height: 0;display: block;} .zoomimg .img{display: block;position:absolute;width: 100%;height: 100%;left: 0;top: 0;} .flipx .icon{transition: all .3s;} .flipx:hover .icon{transform:scalex(-1);} .scale .icon{transition: all .3s;} .scale:hover .icon{transform: scale(1.1,1.1);} .underline:hover{text-decoration: underline;} label{-webkit-tap-highlight-color: rgba(255,0,0,0);} .flex{display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: flex;} .flex-align-start{align-items: flex-start;} .flex-align-center {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;} .flex-align-end{align-items: flex-end;} .flex-pack-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;} .flex-pack-justify {-webkit-box-pack: justify;-webkit-justify-content: pace-between;-ms-flex-pack: justify;justify-content: space-between;} .flex-pack-start{justify-content: flex-start;} .flex-pack-end{justify-content: flex-end;} .flex-v { -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .flex-w{flex-wrap:wrap;} .flex-1{flex:1;overflow: hidden;} .flex-11{flex:1;} /*index*/ .idx-top{padding-left: 150px;position:relative;} .idx-float{position:absolute;width: 150px;left: 0;top: 0;height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;} .idx-float .box{} .idx-float .lk{display: block;padding: 8px;border-radius:30px;text-align: center;width: 54px;font-size: 20px;color:#fff;margin-bottom: 20px;} .idx-float .lk .icon{width: 42px;margin-bottom: 10px;display: block;} .idx-float .lk span{ padding:0 8px 12px 8px; display: block;} .idx-float .lk1{background-color: #d04232;} .idx-float .lk2{background-color: #6f3dc4;} .idx-float .lk3{background-color: #d04232; height: 160px !important;} .idx-float .lk4{background-color: #4885d2;} .idx-float .lk:hover{opacity: .9;} .idx-float .more{width: 54px;height: 54px;display: block;border-radius:50%;background:url(/uploads/image/wtpsimages/more1.png) no-repeat center #ededed;background-size:contain;} .idx-float .more:hover{background-color:#ddd;} .idx-ban{border-radius:30px 0 0 0;overflow: hidden;} .idx-ban .item{display: block;position:relative;} .idx-ban .img{width: 100%; display: block;} .idx-ban .title{font-size: 24px;color:rgba(255,255,255,.9);position:absolute;left: 20px;bottom: 20px;line-height: 40px;max-width:60%;} .idx-ban .title:before{content:'';display: inline-block;vertical-align: middle;width: 22px;height: 22px;background:rgba(255,255,255,.6);margin-right: 15px;border-radius:50%;margin-top: -4px;} .idx-ban .item .title:hover{color:#fff;} .idx-ban .item .title:hover:before{background-color: #fff;} .idx-ban .swiper-pagination{width: auto!important;left:auto!important;right: 85px;bottom: 30px!important;} .idx-ban .swiper-pagination-bullet{font-size: 20px;color:#fff;background-color: transparent;width: auto;height: auto;opacity:0.8;margin:0 10px!important;} .idx-ban .swiper-pagination-bullet-active{} .idx-ban .swiper-pagination-bullet-active::after{content:'';display: inline-block;vertical-align: middle;width: 76px;height: 1px;background-color: #fff;margin-left: 8px;} .idx-ban .swiper-button-prev,.idx-ban .swiper-button-next{width: 40px;height: 40px;margin: 0;left:auto;top:auto;bottom: 25px;} .idx-ban .swiper-button-prev{display: none;} .idx-ban .swiper-button-next{background:url(/uploads/image/wtpsimages/arrow4.png) no-repeat center;background-size:contain;right: 20px;} .idx-ban .swiper-button-next:hover { opacity:0.8;} .idx-titbox{margin-bottom: 20px;} .idx-titbox .btbox{} .idx-titbox .bt{font-size: 30px;color:#222222;font-weight: bold;} .idx-titbox .bt .arr{width: 26px;margin-left: 10px;} .idx-titbox .en{font-size: 16px;color:#777777;font-family: 'arial';margin-top: 8px;} .idx-titbox .btbox:hover .bt { color:#a33326;} .idx-titbox .zs { font-size:15px; margin:10px 0; background:#a33326; color:#fff; text-align:center; padding:15px 10px; display:none;} .idx-titbox .zs b { color:#fff;} .idx-titbox .zs span { font-size:14px; opacity:0.8;} .idx-titbox .zs i { font-size:inherit; padding-right:8px;} .idx-titbox .zs:hover { background:#59140c;} .idx-ztc{padding:0 60px;} .idx-ztc .detail{position:relative;} .idx-ztc .item{border-radius:16px;box-shadow:0 0 10px rgba(0,0,0,.07);padding:25px 0;text-align: center;/* width: 160px; */display: block;} .idx-ztc .item .iconbox{width: 56px;height: 56px;border-radius:50%;margin:0 auto;background-color: #f8f7f9;} .idx-ztc .item .icon{width: 100%;height: 100%;display: block;} .idx-ztc .item .title{font-size: 18px;color:#191a39;margin-top: 15px;} .idx-ztc .item .txt{font-size: 14px;color:#777777;line-height: 24px;margin-top: 10px;} .idx-ztc .item:hover{box-shadow:0 0 15px rgba(0,0,0,.15);} .idx-ztc .swiper-container{width:calc(100% 20px);margin-left: -10px;padding: 12px 10px 12px 12px;position:static;} .idx-ztc .swiper-pagination{display: none;} .idx-ztc .swiper-button-next, .idx-ztc .swiper-button-prev{width: 41px;height: 41px;left:auto;top: -50px;} .idx-ztc .swiper-button-prev{background:url(/uploads/image/wtpsimages/arrow6.png) no-repeat center;background-size:contain;right: 70px;} .idx-ztc .swiper-button-next{background:url(/uploads/image/wtpsimages/arrow7.png) no-repeat center;background-size:contain;right: 18px;} /* add-zs */ .idx-zhaos { width:100%; background:#f8f0ee; border:#efe0df 1px solid; padding:10px 10px 5px 10px;} .idx-zhaos dl { width:33.33%; padding:0; padding:0 15px; position:relative; float:left;} .idx-zhaos dl dt { width:100%; margin-bottom:12px; position:relative;} .idx-zhaos dl dt span { z-index:-1;} .idx-zhaos dl dt span img { width:100%; height:auto;} .idx-zhaos dl dt h3 { width:100%; padding:15px 5px; font-size:20px; letter-spacing:1px; font-weight:800; font-family:"微软雅黑"; text-align:center; position:absolute; left:0; bottom:0; z-index:1;} .idx-zhaos dl dd { width:100%; padding:0; margin:0; font-size:16px; line-height:42px; height:42px; color:#d4cdcb; overflow:hidden;} .idx-zhaos dl dd i { font-size:12px; color:#555; padding-right:8px;} .idx-zhaos dl dd a { color:#222; text-decoration:none;} .idx-zhaos dl dd a:hover { color:#a33326; font-weight:bold;} .idx-zhaos dl dd b { color:#59140c;} @media (max-width: 1199.98px) { .idx-zhaos { padding:5px 5px 5px 5px;} .idx-zhaos dl dt h3 { width:100%; padding:10px 5px; font-size:17px;} .idx-zhaos dl dd { line-height:40px; height:40px; font-size:15px;} } @media (max-width: 991.98px) { .idx-zhaos dl { width:100%;} .idx-zhaos dl dt span img { height:300px;} } @media (max-width: 767.98px) { .idx-zhaos dl dt span img { height:auto;} .btbox .zs01 { display:none;} .idx-zhaos dl dd { line-height:36px; height:36px;} } /*--news--*/ .idx-s1{padding:45px 0 35px;} .idx-s1 .wrap{position:relative;} .idx-s1 .tu{position:absolute;left: -90px;top:15px;width: 30px;} .newsbox { width:100%; margin:0 auto; float:left;} .newsbox .news1 { width:75%; float:left;} .tabtt { width:100%; float:left;} .tabtt h3 { color:#333; font-weight:400;} .tabtt h3 span, .tabtt h3 b { display:inline-block; cursor:pointer; vertical-align:top;} .tabtt h3 b { font-weight:400;} .tabtt h3 span.one1:hover { font-weight:800;} .tabtt h3 b:hover { font-weight:800; color:#a33326;} .tabtt h3 span.one1, .tabtt h3 b.one2, .tabtt h3 b.one3 { padding:10px 15px; margin-left:12px;} .tabtt h3 b.one3 { float:right; margin-right:20px; font-size:14px;} .tabtt h3 b.one3 i { font-size:18px; color:#a33326; padding-left:10px;} .tabtt h3 span.one1 { color:#222; display:inline-block; text-align:center; cursor:pointer;} .tabtt h3 span.one1.active { background:#a33326; color:#fff;} .tabnei { display:none;} .listmenu { width:100%; overflow:hidden;} .news1 a:hover { color:#a33326;} .news1 .newspic { width:30%; overflow:hidden; float:left;} .news1 .newspic dl { position:relative; padding:0; margin:0 0 25px 0; float:left;} .news1 .newspic dl:last-child { margin:0;} .news1 .newspic dl dt { padding:10px 10px; overflow:hidden; display:inline-block; position:absolute; background:#a33326; color:#fff; left:0; top:16px; z-index:1;} .news1 .newspic dl dt p { font-size:12px; text-align:center;} .news1 .newspic dl dt p b { font-size:20px; color:#fff;} .news1 .newspic dl dd { float:left; margin-left:24px;} .news1 .newspic dl dd.two1 { width:100%;} .news1 .newspic dl dd.two1 img { min-width:100%; height:200px;} .news1 .newspic dl dd.two2 { font-size:16px; max-height:48px; line-height:24px; margin-top:10px; overflow:hidden;} .news1 .newstxt { width:70%; overflow:hidden; padding-right:25px; float:left;} .news1 .newstxt ul { width:100%;} .news1 .newstxt li { width:47%; padding:35px 40px; background:#fff; border:#f0f0f0 3px solid; margin:0 0 3% 3%; float:left;} .news1 .newstxt li:hover { border-color:#a33326;} .news1 .newstxt li:last-child { margin-bottom:0;} .news1 .newstxt li h3 { font-weight:400; font-size:17px; line-height:30px; height:60px; overflow:hidden;} .news1 .newstxt li p { font-size:14px; color:#777; margin-top:10px;} .news1 .newstxt li p span { margin-right:15px;} .news1 .newstxt li p span:last-child { margin-right:0;} .news1 .newstxt1 { width:100%; overflow:hidden; padding-right:25px; float:left;} .news1 .newstxt1 ul { width:100%;} .news1 .newstxt1 li { width:31%; padding:35px 40px; background:#fff; border:#f0f0f0 3px solid; margin:0 1% 2% 1%; float:left;} .news1 .newstxt1 li:hover { border-color:#a33326;} .news1 .newstxt1 li:last-child { margin-bottom:0;} .news1 .newstxt1 li h3 { font-weight:400; font-size:17px; line-height:30px; height:60px; overflow:hidden;} .news1 .newstxt1 li p { font-size:14px; color:#777; margin-top:10px;} .news1 .newstxt1 li p span { margin-right:15px;} .news1 .newstxt1 li p span:last-child { margin-right:0;} /*媒体报道*/ .newsbox .media { width:25%; float:right;} .medialist dl { width:100%; height:120px; padding:0; margin:25px 0 0 0; border-bottom:1px solid #ddd; display:flex;} .medialist dl:last-child { border-bottom:none;} .medialist dl dt { width:138px; height:94px; float:left;} .medialist dl dt img { width:138px; height:94px;} .medialist dl dd { margin:0 15px; flex:1;} .medialist dl dd h3 { font-size:16px; line-height:22px; height:66px; overflow:hidden;} .medialist dl dd p { margin-top:10px; color:#777; font-size:12px;} .medialist dl dd p b { font-weight:400; color:#1d409b; padding-left:10px;} .medialist a:hover { color:#ad1036;} @media (max-width: 1399.98px) { .news1 .newspic dl dt p b { font-size:18px;} .news1 .newspic dl dd.two2 { font-size:15px; max-height:44px; line-height:22px; margin-top:10px;} .medialist dl dd h3 { font-size:14px;} .news1 .newstxt li { width:47%; padding:35px 30px;} .news1 .newstxt li h3 { font-size:16px; line-height:30px; height:60px;} .news1 .newstxt li p { font-size:14px; margin-top:10px;} } @media (max-width: 1199.98px) { .newsbox .news1 { width:100%; margin-bottom:30px; float:left;} .newsbox .media { display:none;} .news1 .newspic dl dt p b { font-size:18px;} .news1 .newspic dl dd.two2 { font-size:15px; max-height:44px; line-height:22px; margin-top:10px;} .news1 .newstxt li { width:47%; padding:35px 30px;} .news1 .newstxt li h3 { font-size:16px; line-height:30px; height:60px;} .news1 .newstxt li p { font-size:14px; margin-top:10px;} } @media (max-width: 991.98px) { .tabtt h3 span.one1, .tabtt h3 b.one2, .tabtt h3 b.one3 { font-size:15px; font-weight:bold; padding:5px 8px; margin-left:14px;} .tabtt h3 b.one3 { float:right; margin-right:20px; font-weight:normal !important; font-size:14px;} .tabtt h3 b.one3 i { font-size:18px; color:#a33326; padding-left:10px;} .idx-tit{margin-bottom:15px !important;} .news1 .newspic { width:100%; overflow:hidden; float:left;} .news1 .newspic dl { width:48%; position:relative; padding:0 0 30px 0; margin:0 2%; float:left;} .news1 .newspic dl:last-child { margin:0;} .news1 .newspic dl dt { padding:10px 10px; overflow:hidden; display:inline-block; position:absolute; background:#a33326; color:#fff; left:0; top:0; z-index:1;} .news1 .newspic dl dt p b { font-size:16px; color:#fff;} .news1 .newspic dl dd { float:left; margin-left:0;} .news1 .newspic dl dd.two1 { width:100%;} .news1 .newspic dl dd.two1 img { min-width:100%; height:230px;} .news1 .newspic dl dd.two2 { font-size:15px; max-height:48px; line-height:24px; margin-top:10px; overflow:hidden;} .news1 .newstxt { width:100%; overflow:hidden; padding:0; float:left;} .news1 .newstxt li { width:50%; padding:20px 25px; margin:0; background:#fff; border:#f0f0f0 3px solid; float:left;} .news1 .newstxt li h3 { font-weight:400; font-size:15px; line-height:26px; height:52px; overflow:hidden;} .news1 .newstxt li p { font-size:12px; color:#777; margin-top:15px;} .news1 .newstxt li p span { margin-right:15px;} .news1 .newstxt li p span:last-child { margin-right:0;} .news1 .newstxt1 { width:100%; overflow:hidden; padding-right:25px; float:left;} .news1 .newstxt1 li { width:33.33%; padding:25px 15px; background:#fff; border:#f0f0f0 3px solid; margin:0 0; float:left;} .news1 .newstxt1 li h3 { font-weight:400; font-size:15px; line-height:26px; height:52px; overflow:hidden;} .news1 .newstxt1 li p { font-size:12px; color:#777; margin-top:15px;} .news1 .newstxt1 li p span { margin-right:15px;} .news1 .newstxt1 li p span:last-child { margin-right:0;} } @media (max-width: 767.98px) { .idx-s1 .idx-titbox .bt { font-size:18px;} .tabtt { margin-bottom:6px;} .tabtt h3 { width:100%; height:40px; overflow:hidden;} .tabtt h3 span.one1, .tabtt h3 b.one2, .tabtt h3 b.one3 { font-size:14px; font-weight:bold; padding:5px 4px; margin-left:3px;} .tabtt h3 b.one2 { display:none;} .tabtt h3 b.one3 { display:none;} .news1 .newspic { width:100%; overflow:hidden; float:left;} .news1 .newspic dl { width:48%; position:relative; padding:0 0 20px 0; margin:0 2%; float:left;} .news1 .newspic dl:last-child { margin:0;} .news1 .newspic dl dt { padding:10px 10px; overflow:hidden; display:inline-block; position:absolute; background:#a33326; color:#fff; left:0; top:0; z-index:1;} .news1 .newspic dl dt p b { font-size:15px; color:#fff;} .news1 .newspic dl dd { float:left; margin-left:0;} .news1 .newspic dl dd.two1 { width:100%;} .news1 .newspic dl dd.two1 img { min-width:100%; height:135px;} .news1 .newspic dl dd.two2 { font-size:14px; max-height:48px; line-height:24px; margin-top:10px; overflow:hidden;} .news1 .newstxt { width:100%; overflow:hidden; padding:0; float:left;} .news1 .newstxt li { width:50%; padding:15px 10px; margin:0; background:#fff; border:#f0f0f0 2px solid; float:left;} .news1 .newstxt li h3 { font-weight:400; font-size:14px; line-height:24px; height:48px; overflow:hidden;} .news1 .newstxt li p { font-size:12px; color:#777; margin-top:12px;} .news1 .newstxt li p span { margin-right:10px;} .news1 .newstxt li p span:last-child { margin-right:0;} .news1 .newstxt1 { width:100%; overflow:hidden; padding-right:25px; float:left;} .news1 .newstxt1 li { width:100%; padding:15px 10px; background:#fff; border:#f0f0f0 3px solid; margin:0 0; float:left;} .news1 .newstxt1 li h3 { font-weight:400; font-size:14px; line-height:24px; height:auto; overflow:hidden;} .news1 .newstxt1 li p { font-size:12px; color:#777; margin-top:15px;} .news1 .newstxt1 li p span { margin-right:15px;} .news1 .newstxt1 li p span:last-child { margin-right:0;} } .idx-s2{padding:60px 0 70px;} .idx-s2-t{flex-direction: row-reverse;} .idx-school{position:relative;width: 41.5%;padding-left: 45px;} .idx-school .img{width: 100%;display: block;position:relative;z-index:10;} .idx-school .blank{position:absolute;width: 51%;top: 50px;bottom: -45px;left:0;background-color: #a33326;} .idx-school .listbox{position:absolute;width: 240px;right: -90px;height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;z-index:30;top:0;} .idx-school .list{width:240px;background-color: #fff;box-shadow:0 0 10px rgba(167,167,167,.3);} .idx-school .list .item{padding:33px 15px;text-align: center;border-bottom:1px solid #e5e5e5;box-shadow:0 0 15px rgba(167,167,167,.15) inset;} .idx-school .list .icon{height: 66px;width: auto;display: block;margin:0 auto;} .idx-school .list .txt{font-size: 13px;color:#222222;line-height: 22px;margin-top: 15px;} .idx-school .list .item:last-child{border-bottom:none;} .idx-intro{width: 46.5%;} .idx-intro .detail{font-size: 16px;color:#222222;line-height: 30px;} .idx-intro .detail .gou{position:relative;padding-left: 38px;margin-top: 15px;} .idx-intro .detail .gou:before{content:'';position:absolute;width: 17px;height: 17px;background:url(/uploads/image/wtpsimages/mark5.png) no-repeat center;background-size:contain;left: 0;top: 6px;} .idx-intro .pics{} .idx-intro .pics img{width: 47.5%;margin:20px 0;} .idx-intro .more{display: block;width: 152px;height: 44px;font-size: 16px;color:#fff;background-color: #d04232;padding-left: 30px;border-radius:30px;line-height: 44px;position:relative;margin-top: 30px;} .idx-intro .more::after{content:'';position:absolute;right: 7px;top: 50%;width: 34px;height: 34px;background:url(/uploads/image/wtpsimages/arrow10.png) no-repeat center;background-size:contain;margin-top: -17px;border-radius:50%;} .idx-intro .more:hover{background-color: #a33326;} .idx-us{margin-top: 90px;} .idx-us .item{padding: 10px;background-color: #fbfcfd;width: 15.5%;box-shadow:0 0 10px #ddd;} .idx-us .item .box{background-color: #fff;border:1px dotted #efefef;padding:20px 0;text-align: center;} .idx-us .item .icon{height:38px;width: auto;display: block;margin:0 auto;} .idx-us .item .font{font-size:14px;color:#555555;margin-top:18px;} .idx-us .item .year{font-size: 50px;color:#a33326;margin-top: 15px;line-height: 50px;font-family: 'arial';} .idx-tit{text-align: center;margin-bottom: 35px;} .idx-tit .line{width:55px;height:3px;background-color: #a33326;display: block;margin:0 auto;} .idx-tit .bt{margin-top: 30px;font-size: 30px;color:#222222;font-weight: bold;} .idx-tit .en{font-size: 16px;color:#777777;margin-top: 10px;font-family: 'arial';} .idx-zf{padding:0 0 70px;background-color: #fbfbfb;} .idx-zf .list{} .idx-zf .list .item{background-color: #fff;width: 48.5%;} .idx-zf .list .imgbox{display: block;overflow: hidden;} .idx-zf .list .img{width: 100%; height:425px; display: block;} .idx-zf .list .info{padding:25px 120px 25px 20px;position:relative;} .idx-zf .list .tt{display: flex;align-items: center;} .idx-zf .list .tag{margin-right: 10px;display: inline-block;font-size: 14px;color:#fff;width: 44px;line-height: 20px;text-align: center;} .idx-zf .list .tag.teacher{background-color: #7925b1;} .idx-zf .list .tag.student{background-color: #25b0b1;} .idx-zf .list .title{font-size: 20px;color:#333333;flex:1;} .idx-zf .list .txt{font-size: 14px;color:#999999;margin-top: 10px;} .idx-zf .list .datebox{width: 78px;height: 78px;border-radius:50%;background:rgba(163,51,38,.9);position:absolute;display: flex;align-items: center;flex-direction: column;justify-content: center;top: -40px;right: 30px;} .idx-zf .list .day{font-size: 24px;color:#fff;} .idx-zf .list .year{font-size: 12px;color:#fff;margin-top: 2px;} .idx-zf .list .item:hover .teacher .title{color:#7925b1;} .idx-zf .list .item:hover .student .title{color:#25b0b1;} .idx-life{padding:0 0 20px;} .idx-life .list{margin-left: -1.5%;} .idx-life .list .item{width: 23.5%;margin:0 0 1.5% 1.5%;} .idx-life .list .imgbox{display: block;position:relative;overflow: hidden;} .idx-life .list .img{width: 100%; height:380px; display: block;} .idx-life .list .bot{min-width:185px;position:absolute;right: 0;bottom: 22px;background:rgba(163,51,38,.8);display: inline-block;border-radius:30px 0 0 30px;padding:0 10px 0 20px;line-height: 48px;font-size:16px;color:#fff;} .idx-life .list .smtit{} .idx-life .list .read{background:url(/uploads/image/wtpsimages/mark6.png) no-repeat left center;background-size:16px;padding-left: 25px;margin-left: 25px;} .idx-follow{padding:0 0 30px;background-color: #fbfbfb; clear:both;} .idx-follow .detail{} .idx-follow .swiper-slide a{ width:100%;} .idx-follow .swiper-slide img { width:100%; height:auto;} .idx-follow .swiper-slide span { width:100%; text-align:center; font-size:14px; height:30px; line-height:30px; padding-top:15px; float:left;} .idx-follow .swiper-slide a:hover span { font-weight:800;} .idx-follow .swiper-pagination{position:static;margin-top:30px;line-height:30px;} .idx-follow .swiper-pagination-bullet{width: 18px;height: 18px;background-color: transparent;margin:0 5px;opacity: 1;border:1px solid #a33326;position:relative;} .idx-follow .swiper-pagination-bullet-active::after{content:'';position:absolute;width: 12px;height:12px;background-color: #ad1036;top: 50%;left: 50%;margin-left: -6px;margin-top: -6px;border-radius:50%;} @media (max-width: 1599.98px) { .idx-life .list .img{ height:340px;} } @media (max-width: 1499.98px) { .idx-life .list .img{ height:320px;} } @media (max-width: 1399.98px) { .idx-depart .slide .img{ height:320px;} .idx-zf .list .img{height:330px;} .idx-life .list .img{ height:220px;} .idx-follow .item .img{height:200px;} } @media (max-width: 1199.98px) { .idx-depart .slide .img{ height:290px;} .idx-zf .list .img{height:280px;} .idx-life .list .img{ height:165px;} .idx-follow .item .img{height:170px;} } @media (max-width: 991.98px) { .idx-depart .slide .img{ height:290px;} .idx-zf .list .img{height:230px;} .idx-life .list .img{ height:150px;} .idx-follow .item .img{height:155px;} } @media (max-width: 767.98px) { .idx-depart .slide .img{ height:220px;} .idx-zf .list .img{height:210px;} } @media (max-width: 479.98px) { .idx-depart .slide .img{ height:auto;} .idx-zf .list .img{height:auto} .idx-life .list .img{ height:130px;} .idx-follow .item .img{height:210px;} } @media (max-width: 1599.98px) { .idx-top{padding-left:120px} .idx-float{width:120px;} .idx-float .lk{padding:8px; width:45px; font-size:17px; margin-bottom:20px;} .idx-float .lk .icon{width:42px; margin-bottom:10px;} .idx-float .lk span{ padding:0 4px 12px 4px; } .idx-float .more{width:45px; height:45px;} .idx-titbox .bt, .idx-tit .bt {font-size:26px;} .idx-titbox .en, .idx-tit .en {font-size:14px; margin-top:6px;} .idx-ztc .item .title{font-size:16px;} .tabtt h3 span.one1, .tabtt h3 b.one2, .tabtt h3 b.one3 { padding:8px 10px; margin-left:25px;} .idx-ban .title{ font-size:20px; left:20px; bottom:20px; line-height:35px; max-width:60%;} .idx-ban .title:before{ width:18px; height:18px; margin-top:0;} .idx-ban .swiper-pagination-bullet{font-size:18px;} .idx-ban .swiper-button-prev,.idx-ban .swiper-button-next{width:38px; height:38px;} .news1 .newstxt li h3, .news1 .newstxt1 li h3 { font-size:16px;} .news1 .newstxt li p, .news1 .newstxt1 li p { font-size:14px;} } @media (max-width: 1499.98px) { .idx-top{padding-left:100px;} .idx-float{width: 100px;} .idx-float .lk{font-size: 16px;padding: 5px;width: 40px;height: 145px;margin-bottom: 20px;} .idx-float .lk .icon{width: 30px;margin-bottom: 6px;} .idx-float .lk3{ height: 125px !important;} .idx-float .more{width: 40px;height: 40px;background-size:28px;} .idx-titbox .bt, .idx-tit .bt {font-size:24px;} .idx-titbox .en, .idx-tit .en {font-size:14px; margin-top:6px;} .idx-ban .title{font-size: 18px;} .idx-ban .title:before{width: 16px;height: 16px;margin-right: 10px;} .idx-ztc .item .title{font-size: 16px;} .tabtt h3 span.one1, .tabtt h3 b.one2, .tabtt h3 b.one3 { padding:8px 10px; margin-left:25px;} .idx-media{width: 280px;margin-left: 2%;} .idx-zf .list .title{font-size: 18px;} .idx-school .list .item{padding:25px 15px;} .idx-school .list .icon{height: 50px;} .idx-us{margin-top:50px;} .idx-us .item .year{font-size:40px; line-height:40px;} .idx-life .list .bot{line-height: 38px;bottom: 15px;} .news1 .newstxt1 li { padding:35px 30px;} .news1 .newstxt li h3, .news1 .newstxt1 li h3 { font-size:16px;} .news1 .newstxt li p, .news1 .newstxt1 li p { font-size:14px;} } @media (max-width: 1299.98px) { .idx-top{padding-left:100px;} .idx-float{width: 100px;} .idx-float .lk{font-size: 16px;padding: 5px;width: 40px;height: 135px;margin-bottom: 15px;} .idx-float .lk .icon{width: 30px;margin-bottom: 6px;} .idx-float .lk3{ height: 125px !important;} .idx-float .more{width: 40px;height: 40px;background-size:28px;} .idx-titbox .bt, .idx-tit .bt {font-size:22px;} .idx-titbox .en, .idx-tit .en {font-size:14px; margin-top:6px;} .idx-ban .title{font-size: 16px;line-height: 30px;} .idx-ban .title:before{width: 12px;height: 12px;margin-right: 10px;} .idx-ban .swiper-button-prev, .idx-ban .swiper-button-next{width: 32px;height: 32px;bottom: 18px!important;} .idx-ban .swiper-pagination{right: 65px;bottom: 20px!important;} .idx-ztc .item .title{font-size: 16px;} .tabtt h3 span.one1, .tabtt h3 b.one2, .tabtt h3 b.one3 { font-size:16px; padding:8px 12px; margin-left:18px;} .idx-depart .list{width: 260px;margin-right: 3%;} .idx-depart .list .item{padding:15px 0;} .idx-depart .list .imgbox{margin-bottom: 10px;} .idx-depart .list .title{font-size: 15px;} .idx-media{width: 260px;margin-left: 2%;} .idx-us{margin-top:50px;} .idx-school .list{width: 220px;} .idx-school .list .item{padding:20px 15px;} .idx-school .list .icon{height: 44px;} .idx-school .list .txt{margin-top: 10px;} .idx-intro .detail{font-size:15px;line-height: 28px;} .idx-intro .detail .gou{margin-top: 5px;} .idx-intro .pics img{margin:15px 0;} .idx-us .item{padding: 5px;} .idx-us .item .font{font-size: 13px;} .idx-us .item .year{font-size: 34px;} .idx-zf .list .item{width:49%;} .idx-zf .list .info{padding-right: 100px;} .idx-zf .list .title{font-size: 16px;} .idx-zf .list .datebox{right: 20px;} .idx-life .list .bot{line-height: 38px;bottom: 15px;font-size: 15px;min-width: 150px;} .idx-life .list .read{margin-left: 15px;padding-left: 20px;} .idx-follow .item{padding:1px 20px 20px;} .idx-follow .item .icon{width: 60px;height: 60px;border-width:5px;margin-top: -30px;} .idx-follow .item .title{font-size:16px;} .idx-follow .item .shade .tp{width: 140px;} .news1 .newstxt1 li { padding:35px 30px;} .news1 .newstxt li h3, .news1 .newstxt1 li h3 { font-size:15px;} .news1 .newstxt li p, .news1 .newstxt1 li p { font-size:12px;} .news1 .newstxt1 li p span { margin-right:10px;} } @media (max-width: 1199.98px) { .idx-top{padding-left:60px;} .idx-float{width: 60px;} .idx-float .lk{font-size: 14px;padding: 5px;width: 30px;height: 110px;margin-bottom: 10px;} .idx-float .lk .icon{width: 20px;margin-bottom: 5px;} .idx-float .lk span{padding: 0;line-height: 16px;} .idx-float .lk3{ height: 100px !important;} .idx-float .more{width: 30px;height: 30px;background-size:20px;} .idx-titbox{margin-bottom:20px;} .idx-titbox .bt, .idx-tit .bt {font-size:20px;} .idx-titbox .en, .idx-tit .en {font-size:12px; margin-top:4px;} .idx-ban .title{font-size: 16px;line-height: 30px;bottom: 15px;} .idx-ban .title:before{width: 8px;height: 8px;margin-right: 10px;} .idx-ban .swiper-button-prev, .idx-ban .swiper-button-next{width: 32px;height: 32px;bottom: 18px!important;} .idx-ban .swiper-pagination{right: 65px;bottom: 20px!important;} .idx-ban .swiper-pagination-bullet{font-size: 16px;} .idx-ban .swiper-pagination-bullet-active::after{width: 36px;} .idx-ztc .item .iconbox{width:46px;height: 46px;} .idx-ztc .item .title{font-size: 16px;} .tabtt h3 span.one1, .tabtt h3 b.one2, .tabtt h3 b.one3 { font-size:16px; padding:6px 12px; margin-left:18px;} .idx-s1{padding:45px 0 60px;} .idx-s1 .wrap{display: block;} .idx-depart{width: 100%;} .idx-depart .smmenu .lk{font-size: 14px;margin:0 5px;} .idx-depart .list{width: 260px;margin-right: 3%;} .idx-depart .list .item{padding:15px 0;} .idx-depart .list .imgbox{margin-bottom: 10px;} .idx-depart .list .title{font-size: 15px;} .idx-media{width: 100%;margin-left: 0;margin-top: 35px;} .idx-media .list{display: flex;justify-content: space-between;} .idx-media .list .item{width: 31.3%;margin-bottom: 0;} .idx-s2-t{display: block;} .idx-intro{width: 100%;} .idx-intro .detail{font-size:15px;line-height: 28px;} .idx-intro .detail .gou{margin-top: 5px;} .idx-intro .pics img{margin:15px 0;} .idx-school{width: 100%;padding-left: 0;margin-top: 30px;} .idx-school .blank{display: none;} .idx-school .img{display: none;} .idx-school .listbox{position:static;width: 100%;flex-direction: row;} .idx-school .list{width: 100%;display: flex;} .idx-school .list .item{padding:30px 30px;flex:1;} .idx-school .list .icon{height: 56px;} .idx-school .list .txt{margin-top: 10px;} .idx-us{margin-top: 50px;} .idx-us .item{padding: 5px;} .idx-us .item .font{font-size: 12px;line-height: 20px;height:20px;} .idx-us .item .year{font-size: 28px;} .idx-zf .list .item{width:49%;} .idx-zf .list .info{padding-right: 100px;padding:15px 110px 15px 15px;} .idx-zf .list .title{font-size: 16px;} .idx-zf .list .datebox{right: 20px;} .idx-life .list .bot{line-height: 38px;bottom: 15px;font-size: 15px;min-width: 150px;} .idx-life .list .read{margin-left: 15px;padding-left: 20px;} .idx-follow .item{padding:1px 15px 20px;} .idx-follow .item .icon{width: 60px;height: 60px;border-width:5px;margin-top: -30px;} .idx-follow .item .title{font-size:16px;} .idx-follow .item .shade .tp{width: 140px;} .idx-follow .swiper-pagination{margin-top: 20px;} .idx-follow .swiper-pagination-bullet{width: 14px;height: 14px;} .idx-follow .swiper-pagination-bullet::after{width: 8px;height: 8px;margin-top: -4px;margin-left: -4px;} } @media (max-width: 991.98px) { .idx-titbox .zs { display:block;} .idx-top{padding-left:0;} .idx-float{ display:none;} .idx-ban{border-radius:0;} .idx-ban .title{font-size: 16px;line-height: 30px;bottom: 15px;left: 20px;} .idx-ban .title:before{width: 6px;height: 6px;margin-right: 10px;} .idx-ban .swiper-button-prev, .idx-ban .swiper-button-next{width: 26px;height: 26px;bottom: 18px!important;} .idx-ban .swiper-button-next{right:10px;} .idx-ban .swiper-pagination{right: 45px;bottom: 20px!important;} .idx-ban .swiper-pagination-bullet{font-size: 14px;} .idx-ban .swiper-pagination-bullet-active::after{width: 20px;} .idx-titbox{margin-bottom: 20px;} .idx-titbox .bt, .idx-tit .bt {font-size:20px;} .idx-titbox .en, .idx-tit .en {font-size:12px; margin-top:4px;} .idx-s1 .idx-titbox .en { display:none;} .idx-ztc{padding:50px 0;} .idx-ztc .item .iconbox{width:46px;height: 46px;} .idx-ztc .item .title{font-size: 16px;} .idx-ztc .swiper-button-next, .idx-ztc .swiper-button-prev{width: 32px;height: 32px;top: -40px;} .idx-ztc .swiper-button-prev{right: 60px;} .idx-s1{padding:45px 0 60px;} .idx-s1 .wrap{display: block;} .idx-depart{width: 100%;} .idx-depart .smmenu .lk{font-size: 14px;margin:0 5px;} .idx-depart .list{width: 260px;margin-right: 3%;} .idx-depart .list .item{padding:10px 0;} .idx-depart .list .imgbox{margin-bottom: 5px;} .idx-depart .list .title{font-size: 14px;line-height: 22px;} .idx-depart .slide .title{font-size:18px;line-height: 28px;} .idx-depart .slide .txt{margin-top: 15px;} .idx-depart .slide .hot{width: 60px;} .idx-depart .swiper-button-next, .idx-depart .swiper-button-prev{width: 29px;height: 15px;} .idx-media{width: 100%;margin-left: 0;margin-top: 35px;} .idx-media .list{display: flex;justify-content: space-between;} .idx-media .list .item{width: 32%;margin-bottom: 0;} .idx-media .list .title{line-height: 20px;} .idx-s2{padding:50px 0;} .idx-s2-t{display: block;} .idx-intro{width: 100%;} .idx-intro .detail{font-size:15px;line-height: 28px;} .idx-intro .detail .gou{margin-top: 5px;} .idx-intro .pics img{margin:15px 0;width: 49%;} .idx-school{width: 100%;padding-left: 0;margin-top: 30px;} .idx-school .blank{display: none;} .idx-school .img{display: none;} .idx-school .listbox{position:static;width: 100%;flex-direction: row;} .idx-school .list{width: 100%;display: flex;} .idx-school .list .item{padding:30px 30px;flex:1;} .idx-school .list .icon{height: 56px;} .idx-school .list .txt{margin-top: 10px;} .idx-us{margin-top: 50px;flex-wrap:wrap;} .idx-us .item{padding: 5px;width: 31.3%;margin-bottom: 2%;} .idx-us .item .font{font-size: 14px;} .idx-us .item .year{font-size: 34px;} .idx-zf .list .item{width:49%;} .idx-zf .list .info{padding:15px 60px 15px 15px;} .idx-zf .list .title{font-size: 16px;} .idx-zf .list .datebox{right: 10px;width: 60px;height: 60px;} .idx-zf .list .day{font-size: 16px;} .idx-zf .list .tag{font-size: 12px;width: 34px;} .idx-zf .list .txt{font-size: 12px;} .idx-life .list{margin-left: -2%;} .idx-life .list .item{width: 31.3%;margin:0 0 2% 2%;} .idx-life .list .bot{line-height: 38px;bottom: 15px;font-size: 15px;min-width: 150px;} .idx-life .list .read{margin-left: 15px;padding-left: 20px;} .idx-follow{padding:0 20px 20px;} .idx-follow .item{padding:1px 15px 20px;} .idx-follow .item .icon{width: 60px;height: 60px;border-width:5px;margin-top: -30px;} .idx-follow .item .title{font-size:16px;} .idx-follow .item .shade .tp{width: 140px;} .idx-follow .swiper-pagination{margin-top: 20px;} .idx-follow .swiper-pagination-bullet{width: 14px;height: 14px;} .idx-follow .swiper-pagination-bullet::after{width: 8px;height: 8px;margin-top: -4px;margin-left: -4px;} } @media (max-width: 767.98px) { .idx-top{padding-left:0;} .idx-float{ display:none;} .idx-float .lk{font-size: 14px;padding: 5px;width: 30px;height: 110px;margin-bottom: 10px;} .idx-float .lk .icon{width: 20px;margin-bottom: 5px;} .idx-float .lk span{ padding:0 2px 8px 2px;line-height: 16px;} .idx-float .lk3{ height: 95px !important;} .idx-float .more{width: 30px;height: 30px;background-size:20px;} .idx-ban{border-radius:0;} .idx-ban .title{font-size: 14px;line-height: 26px;bottom: 5px;left: 10px;} .idx-ban .title:before{width: 4px;height: 4px;margin-right: 5px;display: none;} .idx-ban .swiper-button-prev, .idx-ban .swiper-button-next{width: 26px;height: 26px;bottom: 18px!important;display: none;} .idx-ban .swiper-button-next{right:10px;} .idx-ban .swiper-pagination{right: 15px;bottom: 15px!important;} .idx-ban .swiper-pagination-bullet{font-size: 0;width: 6px;height: 6px;background-color: #fff;margin:0 4px!important;} .idx-ban .swiper-pagination-bullet-active::after{width: 20px;display: none;} .idx-ban .swiper-pagination-bullet-active{background-color: #d04232;} .idx-titbox .bt .arr{width: 20px;} .idx-tit .line{width: 35px;height: 2px;} .idx-titbox{margin-bottom: 20px;} .idx-titbox .bt, .idx-tit .bt {font-size:20px;} .idx-titbox .en, .idx-tit .en {font-size:12px; margin-top:4px;} .idx-s1 .idx-titbox .en { display:none;} .idx-ztc{padding:30px 0 20px;} .idx-ztc .idx-titbox{margin-bottom: 10px;} .idx-ztc .item .iconbox{width:46px;height: 46px;} .idx-ztc .item .title{font-size: 14px;} .idx-ztc .item .txt{font-size: 12px;} .idx-ztc .swiper-button-next, .idx-ztc .swiper-button-prev{width: 32px;height: 32px;top: -40px;display: none;} .idx-ztc .swiper-button-prev{right: 60px;} .idx-ztc .swiper-pagination{display: block;position:static;margin-top: 20px;} .idx-ztc .swiper-pagination-bullet-active{background-color: #d04232;} .idx-s1{padding:30px 0 10px;} .idx-s1 .wrap{display: block;} .idx-depart{width: 100%;} .idx-depart .smmenu .lk{font-size: 13px;margin:0 2px;} .idx-depart .detail{flex-direction: column-reverse;} .idx-depart .list{width: 100%;margin-right: 0;margin-top: 25px;} .idx-depart .list .item{padding:10px 0;} .idx-depart .list .imgbox{margin-bottom: 10px;display: none;} .idx-depart .list .title{font-size: 14px;line-height: 22px;} .idx-depart .slide{width: 100%;padding: 10px;} .idx-depart .slide .title{font-size:16px;line-height: 24px;margin-top: 10px;} .idx-depart .slide .txt{margin-top: 10px;} .idx-depart .slide .hot{width: 60px;} .idx-depart .swiper-button-next, .idx-depart .swiper-button-prev{width: 29px;height: 15px;} .idx-media{width: 100%;margin-left: 0;margin-top: 30px;} .idx-media .list{display: flex;justify-content: space-between;flex-wrap:wrap;} .idx-media .list .item{width: 48.5%;margin-bottom: 0;margin-bottom: 3%;} .idx-media .list .bot{padding:8px 8px;} .idx-media .list .title{line-height: 16px;font-size: 12px;} .idx-media .list .item:nth-child(1){width: 100%;} .idx-s2{padding:30px 0;} .idx-s2-t{display: block;} .idx-intro{width: 100%;} .idx-intro .detail{font-size:14px;line-height: 26px;} .idx-intro .detail .gou{margin-top: 5px;padding-left: 20px;} .idx-intro .detail .gou:before{width: 14px;height: 14px;} .idx-intro .pics img{margin:15px 0;width: 49%;} .idx-intro .more{font-size: 14px;width: 105px;height: 30px;line-height: 30px;padding-left: 15px;margin: 20px auto 0;} .idx-intro .more::after{width: 22px;height: 22px;margin-top: -11px;right: 4px;} .idx-school{width: 100%;padding-left: 0;margin-top: 30px;} .idx-school .blank{display: none;} .idx-school .img{display: none;} .idx-school .listbox{position:static;width: 100%;flex-direction: row;} .idx-school .list{width: 100%;display: flex;} .idx-school .list .item{padding:20px 10px;flex:1;} .idx-school .list .icon{height: 44px;} .idx-school .list .txt{margin-top: 10px;} .idx-school .list .txt br{display: none;} .idx-us{margin-top: 30px;flex-wrap:wrap;} .idx-us .item{padding: 5px;width: 33.33%;margin-bottom: 4%;} .idx-us .item .box{padding:15px 0;} .idx-us .item .icon{height: 32px;} .idx-us .item .font{font-size: 12px;margin-top: 13px;} .idx-us .item .year{font-size: 22px;line-height: 30px;} .idx-zf{padding:0 0 30px;} .idx-zf .list{flex-wrap:wrap;} .idx-zf .list .item{width:100%;margin-bottom: 15px;} .idx-zf .list .item img { height:auto;} .idx-zf .list .info{padding:10px 30px 10px 10px;} .idx-zf .list .title{font-size: 15px;} .idx-zf .list .datebox{right: 10px;width: 65px;height: 65px;top: -40px;} .idx-zf .list .day{font-size: 13px;} .idx-zf .list .year{font-size: 10px;} .idx-zf .list .tag{font-size: 12px;width: 34px;} .idx-zf .list .txt{font-size: 12px;} .idx-life{padding:0 0 30px;} .idx-life .list{margin-left: -2%;} .idx-life .list .item{width: 48%;margin:0 0 2% 2%;} .idx-life .list .bot{line-height: 32px;bottom: 0;font-size: 13px;min-width: 100%;width:100%;border-radius:0;padding:0 10px;display: flex;justify-content: space-between;} .idx-life .list .read{margin-left: 15px;padding-left: 18px;background-size: 12px;} .idx-follow{padding:0 15px 15px;} .idx-follow .item{padding:1px 15px 20px;border-radius:12px;} .idx-follow .item .icon{width: 50px;height: 50px;border-width:5px;margin-top: -25px;} .idx-follow .item .title{font-size:16px;margin-top:15px;} .idx-follow .item .shade .tp{width: 160px;} .idx-follow .swiper-pagination{margin-top: 10px;} .idx-follow .swiper-pagination-bullet{width: 10px;height: 10px;} .idx-follow .swiper-pagination-bullet::after{width: 6px;height: 6px;margin-top: -3px;margin-left: -3px;} }