.m-top { position: static; background-color: #015dac; } /* 分页 */ .pagination { text-align: center; font-size: 0; padding-top: 30px; } .pagination a { display: inline-block; border: 1px solid #dcdcdc; padding: 0 12px; height: 35px; font-size: 14px; line-height: 35px; text-align: center; color: #666; margin: 0 7px; } .pagination a.active { background: #015dac; color: #fff; border: 1px solid #015dac; } .pagination a:hover { background: #015dac; color: #fff; border: 1px solid #015dac; } .pagination span { display: inline-block; font-size: 14px; } .nymain { margin-top: 65px; margin-bottom: 60px; } .nymain .leftNav { float: left; width: 275px; position: relative; margin-right: 65px; } .nymain .leftNav p { padding-left: 95px; font-size: 30px; color: #fff; padding-top: 25px; line-height: 30px; padding-bottom: 25px; background: #015dac url(../images/nav-xx.png) no-repeat 50px center; } .nymain .leftNav p span { display: none; float: right; width: 15px; height: 15px; margin-right: 20px; margin-top: 10px; background: url(../images/sub_left_down2.png) no-repeat center center; background-size: 14px 14px; } .nymain .leftNav p span.on { background: url(../images/sub_left_up2.png) no-repeat center center; background-size: 14px 14px; } .nymain .leftNav ul li { position: relative; border-bottom: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #eee; box-sizing: border-box; } .nymain .leftNav>ul>li>i { content: ""; position: absolute; right: 10px; top: 4px; width: 20px; height: 58px; background: url(../images/list-icon.png) no-repeat; background-position: center center; cursor: pointer; transition: all 0.3s; } .nymain .leftNav>ul>li>i.on { transform: rotateZ(90deg); } .nymain .leftNav ul li ul li:last-child { border: none; } .nymain .leftNav ul li a { padding-left: 90px; line-height: 60px; display: block; font-size: 16px; color: #333; transition: all 0.3s; background: url(../images/nav2-icon.png) no-repeat 60px center; } .nymain .leftNav ul li>ul>li a { padding-left: 80px; background: url(../images/ny-l-icon.png) no-repeat 60px center !important; } .nymain .leftNav>ul>li>span { display: none; position: absolute; width: 14px; height: 14px; right: 20px; top: 18px; line-height: 50px; background: url(../images/list-icon.png) no-repeat center center; background-size: 8px auto; cursor: pointer; } .nymain .leftNav ul li ul li { position: relative; } .nymain .leftNav ul li ul li span { position: absolute; width: 14px; height: 14px; right: 20px; top: 18px; line-height: 50px; background: url(../images/ej-menu-bf.png) no-repeat center center; background-size: 8px auto; cursor: pointer; } .nymain .leftNav ul li ul li.on span { transform: rotateZ(90deg); ; } .nymain .leftNav ul li ul li ul { display: none; } .nymain .leftNav ul li ul li ul li a { line-height: 35px; background-image: none!important; font-size: 14px; } .nymain .leftNav ul li ul li ul li:hover a { color: #9b1011; } .nymain .leftNav>ul>li.active>a, .nymain .leftNav>ul>li.on>a { color: #015dac; background: #f6f6f6 url(../images/nav2-iocn-other.png) no-repeat 60px center; } .nymain .leftNav ul li.active>ul { display: block; } .nymain .leftNav ul li.active.on>span { transform: rotateZ(90deg); } .nymain .leftNav ul li.active>span { transform: rotateZ(90deg); } .nymain .leftNav>ul>li>ul { display: none; /* background: #ebf2ff; */ padding-top: 1px; padding-bottom: 0; padding-right: 0; } .nymain .leftNav>ul>li>ul>li>a { font-size: 14px; background-size: 0; } .nymain .leftNav>ul>li>ul>li:hover>a { color: #015dac; } .nymain .leftNav>ul>li>ul>li>a:hover { background-size: 0; } .ny-right { overflow: hidden; padding-bottom: 30px; } .ny-right .topic { padding-left: 32px; border-left: 8px solid #015dac; } .ny-right .topic h3 { font-size: 30px; color: #333; } #position { background-color: #f6f6f6; border-bottom: 1px solid #cbcbcb; } .position { font-size: 0; line-height: 70px; } .position span { color: #333; font-size: 14px; vertical-align: middle; } .position img { height: 16px; vertical-align: middle; margin-right: 5px; } .position a { font-size: 14px; color: #333; margin: 0 5px; vertical-align: middle; } .position a:hover { color: #c21112; } .text-list ul li a { display: block; padding: 30px 0; border-top: 1px dashed #d2d2d2; overflow: hidden; transition: all 0.3s; } .text-list ul li:first-child a { border: none; } .text-list ul li a:hover { background: #f5f5f5; padding-left: 20px; padding-right: 20px; border-color: #f5f5f5; } .text-list ul li:hover+li a { border-color: #f5f5f5; } .text-list ul li a:hover .text-info { padding-left: 20px; } .text-list ul li a:hover .text-info h4 { color: #015dac; } .text-list ul li a .text-pic { float: left; width: 258px; overflow: hidden; } .text-list ul li a .text-pic img { display: block; width: 100%; height: 100%; transition: all 0.3s; } .text-list ul li a .text-pic img:hover { transform: scale(1.05); } .text-list ul li a .text-info { overflow: hidden; padding-left: 30px; font-size: 14px; transition: all 0.3s; } .text-list ul li a .text-info h4 { font-size: 18px; margin-bottom: 20px; color: #000; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .text-list ul li a .text-info i { display: block; color: #666; line-height: 15px; font-size: 14px; padding-left: 25px; background: url(../images/sj.png) no-repeat left center; } .text-list ul li a .text-info p { color: #666666; line-height: 24px; height: 48px; overflow: hidden; margin-bottom: 35px; } .text-list ul li a .text-info .list-more { font-size: 0; margin-top: 5px; } .text-list ul li a .text-info span { font-size: 14px; line-height: 24px; color: #333; vertical-align: middle; } .text-list ul li a .text-info img { vertical-align: middle; margin-left: 5px; } .art-main .art-tit h3 { text-align: center; color: #333333; font-weight: 600; font-size: 24px; margin-bottom: 30px; } .art-main .art-body p { color: #333333; font-size: 16px; line-height: 30px; margin-top: 30px; } .art-main .art-body p.ny-tp img { display: block; max-width: 839px; width: 100%; margin-left: auto; margin-right: auto; } .art-main .cont-tit p { font-size: 0; text-align: center; line-height: 40px; background-color: #f5f5f5; } .art-main .cont-tit p span { display: inline-block; vertical-align: middle; font-size: 14px; color: #999; } /* 图片列表 */ .img-lists ul { overflow: hidden; } .img-lists ul li { float: left; width: 30%; box-sizing: border-box; margin: 0 0 0 2.5%; transition: all 0.3s; position: relative; top: 0; } .img-lists ul li:hover { top: -10px; } .img-lists ul li a { display: block; width: 100%; } .img-lists ul li a .pic { padding-top: 69%; } .img-lists ul li a>div.info { font-size: 0; } .img-lists ul li a>div.info p { color: #333; font-size: 14px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 20px 0; border-bottom: 1px solid transparent; } .img-lists ul li:hover .info p { color: #c21112; border-color: #003d86; } .img-lists ul li:hover .info span { background: #c21112; color: #fff; border-color: #c21112; } /* lists 列表页 */ .lists ul { margin-top: 40px; } .lists li { padding-left: 20px; padding-right: 100px; background-position: left center; position: relative; font-size: 15px; border-bottom: 1px dashed #dfdfdf; line-height: 60px; background: url(../images/ny-icon.png) no-repeat left center; } .lists li:hover { background: url(../images/ny-icon-other.png) no-repeat left center; } .lists li a { display: block; color: #000; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .lists tr{border-bottom: 1px dashed #dfdfdf;} .lists li a:hover { color: #015dac; font-weight: bold; } .lists li a span { position: absolute; right: 10px; font-size: 14px; color: #999999; } .rcdw-box { border-top: none; } .rcdw { overflow: hidden; } .rcdw>div { float: left; width: 49%; border-top: 1px solid #dddddd; padding-top: 32px; margin-bottom: 30px; } .rcdw>div:first-child, .rcdw>div:first-child+div+div { margin-right: 2%; } .rcdw>div>span { float: left; padding-left: 25px; line-height: 34px; font-size: 24px; font-weight: 600; border-left: 1px solid #c21112; width: 155px; color: #c21112; } .rcdw>div>div { overflow: hidden; } .rcdw>div>div>ul { float: left; width: 50%; } .rcdw>div>div>ul li a { display: block; width: 55px; line-height: 36px; font-size: 18px; color: #333333; text-align-last: justify; text-align: justify; } .rcdw>div>div>ul li a:hover { color: #5c6657; } /* 组织机构 */ /* 机构设置 */ .jgsz>ul>li { margin-top: 50px; } .jgsz>ul>li h2 { font-size: 30px; color: #333; font-weight: normal; padding-left: 35px; border-left: 8px solid #015dac; } .jgsz>ul>li>ul { font-size: 0; } .jgsz>ul>li>ul>li { display: inline-block; margin-top: 35px; border: 1px solid #003d86; width: 32%; margin-left: 2%; height: 70px; line-height: 70px; background-color: #f6f6f6; text-align: center; } .jgsz>ul>li>ul>li:nth-child(3n-2) { margin-left: 0; } .jgsz>ul>li>ul>li a { display: block; font-size: 18px; color: #333; } @media screen and (max-width: 1350px) { .ny-banner p { left: 15px; width: 150px; height: 45px; line-height: 45px; font-size: 18px; } } /* 图片列表 */ .img-lists ul { overflow: hidden; margin-left: -2%; margin-right: -2%; } .img-lists ul li { float: left; width: 29%; margin: 40px 2% 0 2%; border: 1px solid #eee; transition: all 0.3s; position: relative; top: 0; } .img-lists ul li:hover { box-shadow: 0 0 10px rgba(51, 51, 51, 0.16); top: -10px; } .img-lists ul li a { display: block; width: 100%; } .img-lists ul li a .pic { padding-top: 59.09%; } .img-lists ul li a>img { display: block; width: 100%; height: 196px; } .img-lists ul li a>div.info { padding: 10px; font-size: 0; text-align: center; } .img-lists ul li a>div.info p { color: #333; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5px; } .img-lists ul li:hover a>div.info p { color: #015dac; } @media screen and (max-width: 1200px) { .rcdw>div>span { font-size: 20px; line-height: 30px; padding-left: 15px; width: 120px; } .rcdw>div>div>ul li a { font-size: 16px; } } @media screen and (max-width: 1024px) { .nymain { margin-top: 0; } .nymain .leftNav { float: none; width: auto; top: 0; margin: 0; } .nymain .leftNav p { display: block; padding-top: 5px; line-height: 32px; padding-bottom: 5px; font-size: 16px; padding-left: 35px; background-position: 10px center; } .nymain .leftNav ul { display: none; padding: 10px 0 20px 0; } .nymain .leftNav ul li a:hover { background-size: 0; } .ny-right>h3 { font-size: 16px; } .nymain .leftNav>ul>li.on>span { transform: rotateZ(90deg); } .nymain .leftNav ul li.active>a { background-size: 0; background-image: none; } .nymain .leftNav ul li a { background-size: 0; line-height: 40px; padding-left: 20px; background-image: none; } .nymain .leftNav>ul>li.active>a, .nymain .leftNav>ul>li.on>a { background-image: none; } .nymain .leftNav p span { display: block; } .nymain .leftNav>ul>li>span { top: 13px; display: block; } .nymain .leftNav>ul>li>i { display: none; } .ny-right { float: none; width: auto; margin-top: 15px; } .position { line-height: 45px; padding-left: 15px; } .img-lists ul li { width: 45%; margin: 10px 0 0 3.3%; } .img-lists ul li a>img { height: 209px; } .img-lists ul li a>div.info p { font-size: 14px; padding: 10px 0; } .img-lists ul li a>div.info img { height: 12px; } .rcdw>div>span { font-size: 18px; line-height: 30px; padding-left: 10px; width: 100px; } .rcdw>div>div>ul li a { font-size: 14px; width: 43px; } } @media screen and (max-width:768px) { .ny-banner p { display: none; } .position span, .position a { font-size: 12px; } .pagination { padding-top: 25px; } .pagination a { padding: 0 5px; height: 20px; line-height: 20px; font-size: 12px; margin: 0 3px; } .art-main .art-tit { padding: 15px 0; } .art-main .art-tit h3 { font-size: 16px; } .art-main .art-body p { font-size: 14px; line-height: 28px; } .art-main .cont-tit p span { font-size: 12px; margin: 0 5px; } .art-main .cont-tit p img { height: 12px; } .pnext { float: none; border: none; width: auto; } .pnext p { line-height: 30px; font-size: 12px; } .pnext p a { font-size: 12px; } .art-info>a { float: none; } .art-info>a img { height: 25px; margin-top: 10px; } .zzjg_text li { width: 50%; } .img-lists ul li { margin-top: 10px; } .img-lists ul li a>img { height: 191px; } .img-lists ul li a>div.info p { font-size: 12px; } .img-lists ul li a>div.info span { margin-top: 10px; } .text-list { padding: 0 15px; } .text-list ul li a { padding: 15px 0 } .text-list ul li a .text-info { padding-left: 15px; font-size: 12px; } .text-list ul li a .text-info span { font-size: 12px; } .text-list ul li a .text-info img { height: 13px; } .text-list ul li a .text-info h4 { font-size: 14px; } .lists li a { font-size: 14px; } .rcdw>div { padding-top: 20px; margin-bottom: 20px; } .rcdw>div>span { float: none; } .rcdw>div>div { padding-left: 15px; padding-top: 10px; } } @media screen and (max-width:480px) { .position { text-align: left; line-height: 30px; padding-top: 10px; padding-bottom: 10px; } .img-lists ul li a>img { height: 100px; } .art-main .cont-tit p .liulan { margin-left: 15px; } .text-list ul li a .text-pic { float: none; width: auto; height: auto; } .text-list ul li a .text-info { padding-left: 0; font-size: 12px; } } @media screen and (max-width:320px) { .art-main .art-tit h3 { font-size: 20px; /* font-weight: bold; */ } .art-main .art-tit span { font-size: 12px; padding-bottom: 5px; line-height: 24px; height: 24px; } .art-main .art-body p { font-size: 12px; line-height: 30px; } .img-lists ul li a>img { height: 84px; } } /*名师展示*/ .lists-teacher>ul>li>h4 { font-weight: normal; background-color: #f3f3f3; height: 42px; line-height: 42px; padding-left: 37px; font-size: 20px; color: #333; background-repeat: no-repeat; background-position: 21px center; background-image: url(../images/shizi.png); } .lists-teacher>ul>li>ul { overflow: hidden; } .lists-teacher>ul>li>ul { overflow: hidden; padding-top: 10px; padding-bottom: 20px; } .lists-teacher>ul>li>ul>li { float: left; margin-left: 2.4%; margin-top: 1%; text-align: center; } .lists-teacher>ul>li>ul>li>a { font-size: 16px; color: #333333; } .lists-teacher>ul>li>ul>li:hover>a { color: #5c6657; } @media screen and (max-width: 768px) { .lists-teacher>ul>li>h4 { font-size: 16px; } .lists-teacher>ul>li>ul>li { margin-left: 0; width: 25%; text-align: center; } .lists-teacher>ul>li>ul>li>a { font-size: 14px; } } @media screen and (max-width: 500px) { .lists-teacher>ul>li>ul>li { width: 33%; } } /*名师展示*/ /*新增图片列表*/ .img-list2>ul>li { background: #f5f5f5; padding: 10px 60px 10px 10px; margin-top: 20px; } .img-list2>ul>li:first-child { margin-top: 0; } .img-list2>ul>li>a { display: block; overflow: hidden; } .img-list2>ul>li .pho { width: 158px; overflow: hidden; float: left; } .img-list2>ul>li .pho img { display: block; height: 100%; width: 100%; } .pic-text { overflow: hidden; padding-left: 20px; } .pic-text h4 { font-size: 20px; color: #5c6657; line-height: 42px; font-weight: normal; border-bottom: 1px solid #a9a9a9; } .pic-text p { display: -webkit-box; font-size: 14px; color: #333333; line-height: 28px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; height: 56px; margin-top: 10px; } .pic-text span { display: block; font-size: 14px; line-height: 28px; color: #333333; } @media screen and (max-width: 1024px) { .pic-text p { font-size: 12px; line-height: 24px; height: 48px; margin-top: 0; } .pic-text span { font-size: 12px; line-height: 24px; } .pic-text h4 { font-size: 16px; } .img-list2>ul>li .pho { width: 128px; } } @media screen and (max-width: 768px) { .img-list2>ul>li .pho { width: 88px; } .pic-text h4 { font-size: 14px; line-height: 32px; } .pic-text { padding-left: 10px; } .pic-text p { line-height: 18px; height: 36px; } .pic-text span { line-height: 18px; } .img-list2>ul>li { padding: 10px; margin-top: 10px; } .img-list2>ul>li .pho img { margin-top: 10px; } } /*新增文章列表*/ .text-list2>ul { overflow: hidden; } .text-list2>ul>li { border-top: 2px solid #c21112; background: #f7f5f6; width: 42%; float: left; padding: 20px; margin-bottom: 35px; } .text-list2>ul>li:nth-child(even) { margin-left: 4%; } .text-list2>ul>li>a { display: block; overflow: hidden; } .text-list2>ul>li h4 { font-size: 16px; color: #000; line-height: 36px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-list2>ul>li p { display: -webkit-box; font-size: 14px; line-height: 30px; color: #333333; -webkit-box-orient: vertical; -webkir-line-clamp: 9; overflow: hidden; text-overflow: ellipsis; height: 270px; } .text-list2>ul>li p>span { color: #5c6657; } @media screen and (max-width: 768px) { .text-list2>ul>li h4 { font-size: 14px; } .text-list2>ul>li p { font-size: 12px; line-height: 28px; height: 252px; } } @media screen and (max-width: 640px) { .text-list2>ul>li { float: none; width: auto; } .text-list2>ul>li:last-child { margin-bottom: 0; } .text-list2>ul>li:nth-child(even) { margin-left: 0; } .nymain { padding-bottom: 0; } .lists ul { margin-top: 15px; } .lists li { line-height: 40px; } .nymain { margin-bottom: 0; } .ny-right .topic h3 { font-size: 20px; } .text-list ul li a .text-info { margin-top: 15px; } .text-list ul li a .text-info p { margin-bottom: 15px; } .jgsz>ul>li { margin-top: 15px; } .jgsz>ul>li h2 { font-size: 20px; } .jgsz>ul>li>ul>li { display: block; width: 100%; margin-left: 0; height: 50px; line-height: 50px; margin-top: 10px; } .jgsz>ul>li>ul>li a { font-size: 14px; } .jgsz>ul>li h2 { padding-left: 10px; } } /* 搜索结果 */ .ss-souso { margin-top: 65px; } .sousuo-l { float: left; width: 275px; background-color: #f7f7f7; padding: 0 15px; padding-bottom: 30px; } .sousuo-l ul li { margin-top: 20px; } .sousuo-l ul li h2 span { display: inline-block; width: 30px; height: 30px; text-align: center; background-color: #015dac; border-radius: 50%; vertical-align: middle; } .sousuo-l ul li h2 span img { display: block; margin-left: auto; margin-right: auto; margin-top: 10px; } .sousuo-l ul li h2 i { display: inline-block; font-size: 18px; color: #333; padding-left: 15px; vertical-align: middle; } .sousuo-l ul li .nr a { display: block; margin-top: 15px; margin-left: 45px; font-size: 16px; color: #666; } .sousuo-l ul li .nr a.on { color: #015dac; } .sousuo-r { overflow: hidden; padding-left: 60px; } .sousuo-r .sr-top { background-color: #f7f7f7; padding: 25px 30px; } .sousuo-r .sr-top .ss-wb { line-height: 40px; } .sousuo-r .sr-top .ss-wb input { display: inline-block; vertical-align: middle; } .sousuo-r .sr-top .ss-wb span { display: inline-block; font-size: 16px; color: #333; margin: 0 10px; } .sousuo-r .sr-top .ss-wb input[type="text"] { width: 70%; border: 1px solid #eeeeee; line-height: 38px; background-color: #fff; padding: 0 20px; border-radius: 5px; } .sousuo-r .sr-top .ss-wb i { display: inline-block; margin-left: 10px; width: 100px; height: 40px; line-height: 40px; background-color: #015dac; border-radius: 5px; text-align: center; font-size: 18px; color: #fff; font-weight: bold; } .sousuo-r .sr-top .ss-nr { margin-top: 15px; } .sousuo-r .sr-top .ss-nr a { margin-right: 25px; display: inline-block; padding-left: 20px; font-size: 16px; color: #666; background: url(../images/c-other.png) no-repeat left center; } .sousuo-r .sr-top .ss-nr a.on { background: url(../images/checkbox.png) no-repeat left center; } .sousuo-r .sr-down h2 { border-bottom: 2px solid #015dac; text-align: center; } .sousuo-r .sr-down h2 span { display: inline-block; line-height: 38px; border: 1px solid #015dac; border-radius: 20px; padding: 0 50px; margin-top: 25px; margin-bottom: 25px; font-size: 18px; color: #015dac; font-weight: bold; } .sousuo-r .sr-down .sd-ss { margin-top: 35px; margin-bottom: 25px; } .sousuo-r .sr-down .sd-ss .sd-box { margin-right: 40px; display: inline-block; } .sousuo-r .sr-down .sd-ss .sd-box span { display: inline-block; font-size: 18px; color: #015dac; font-weight: bold; padding-right: 10px; } .sousuo-r .sr-down .sd-ss .sd-box .xl { position: relative; display: inline-block; border: 1px solid #e5e5e5; line-height: 38px; padding: 0 25px; border-radius: 5px; } .sousuo-r .sr-down .sd-ss .sd-box i { font-size: 18px; color: #999; } .sousuo-r .sr-down .sd-ss .sd-box .xl ul { position: absolute; width: 150px; left: 50%; transform: translateX(-50%); background-color: #fff; box-shadow: 0 0 10px #eee; z-index: 3; display: none; } .sousuo-r .sr-down .sd-ss .sd-box .xl ul li { line-height: 40px; padding-left: 0; padding-right: 0; background-image: none; text-align: center; } .sousuo-r .sr-down .sd-ss .sd-box .xl:hover ul { display: block; } .sousuo-r .sr-down .sd-ss .sd-box i em { padding-left: 25px; background: url(../images/times.png) no-repeat left center; padding-right: 40px; } .sousuo-r .sr-down .sd-ss .sd-box i em:last-child { padding-right: 0; margin-left: 40px; } .sd-ss p { float: right; line-height: 40px; font-size: 16px; color: #666666; } .sd-ss p span { color: #d30707; } .sr-down ul li { position: relative; line-height: 60px; border-bottom: 1px dotted #e3e3e3; padding-left: 20px; padding-right: 90px; background: url(../images/sd-list.png) no-repeat left center; } .sr-down ul li a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #333; } .sr-down ul li span { position: absolute; right: 0; font-size: 16px; color: #000; } @media screen and (max-width: 1340px) { .sousuo-r .sr-top .ss-wb input[type="text"] { width: 55%; } .sousuo-r .sr-down .sd-ss .sd-box i em { padding-right: 5px; } .sousuo-r .sr-down .sd-ss .sd-box { margin-right: 10px; } .sousuo-r .sr-down .sd-ss .sd-box i em:last-child { margin-left: 10px; } .sr-down ul { margin-top: 10px; } .sd-ss p { float: none; } .sr-down ul li { line-height: 40px; } .sousuo-r { padding-left: 15px; } } @media screen and (max-width: 1000px) { .sousuo-l { width: 220px; } .sousuo-r .sr-top { padding: 25px 15px; } .sousuo-r .sr-top .ss-wb input[type="text"] { width: 40%; } .sousuo-r .sr-down .sd-ss { margin-top: 15px; margin-bottom: 15px; } } @media screen and (max-width: 750px) { .sousuo-l { display: none; } .sousuo-r { padding-left: 0; } .ss-souso { margin-top: 15px; } .sousuo-r .sr-top .ss-wb input[type="text"] { width: 50%; } .sousuo-r .sr-top .ss-wb i { margin-top: 15px; } .sousuo-r .sr-top .ss-wb { text-align: right; } .sousuo-r .sr-top { padding: 15px; } .sousuo-r .sr-top .ss-nr a { margin-right: 5px; font-size: 14px; } .sousuo-r .sr-down h2 span { margin-top: 15px; margin-bottom: 15px; } .sousuo-r .sr-down .sd-ss .sd-box i { padding: 0 5px; } .sousuo-r .sr-down .sd-ss .sd-box { margin-bottom: 10px; } } @media screen and (max-width:370px) { .sousuo-r .sr-top .ss-wb input[type="text"] { width: 40%; } }