@charset "utf-8"; @media screen and (min-width:1000px) { .logo_xc { display: none; } } @media screen and (max-width:999px) { body { background: #f3f2f2; } .width_page { width: 100%; } .header { height: auto; overflow: visible; z-index: 23; } .header .logo { display: none; } .header .nav { display: none; } .header_pc {} .header_pc .login { display: none; } .header_pc .header_top { background: none; height: 32px; margin-top: 91px; } .header_pc .searchbox { top: 0; } .header_wap { display: block; } .header_wap .header_top { width: 100%; height: 88px; overflow: hidden; background: #fff; } .header_wap .header_top .logo { display: block; width: 135px; height: 26px; overflow: hidden; background: url(../images/logo.png) no-repeat; background-size: 135px 26px; margin: 31px auto 0; } .header_wap .navico { display: block; width: 16px; height: 16px; position: absolute; top: 36px; left: 24px; background: url(../images/wap/topmenu_ico.png) no-repeat center center; background-size: 16px 16px; } .header_wap .navico.on { background: url(../images/wap/topmenu_ico.png) no-repeat center center; background-size: 16px 16px; } .header_wap .wapnav { width: 100%; height: 100%; min-height: 100%; padding-bottom: 100px; background: #fff; position: fixed; top: 0; z-index: 10; opacity: 0; } .header_wap .wapnav .wapnav_top { height: 100px; background: #5c5d5d; overflow: hidden; position: relative; } .header_wap .wapnav .wapnav_top .logo { width: 164px; height: 38px; position: absolute; top: 31px; left: 47px; margin: 0; } .header_wap .wapnav .wapnav_top .close { display: block; width: 28px; height: 29px; overflow: hidden; background: url(../images/wap/topmenu_ico.png) no-repeat; background-size: 100% 100%; position: absolute; top: 35px; right: 30px; } .header_wap .wapnav a { color: #000; font-size: 14px; } .header_wap .wapnav a:hover, .header_wap .wapnav a.on { color: #000; } .header_wap .wapnav .subnav { padding: 0 47px; overflow: hidden; } .header_wap .wapnav .subnav .mainNav { position: relative; } .header_wap .wapnav .mainNav li { position: relative; } .header_wap .navcont { font-size: 14px; display: block; padding-bottom: 14px; width: 100%; height: 40px; line-height: 40px; padding: 0; position: relative; z-index: 0; background: url(../images/more_right.png) no-repeat 100% center; background-size: 8px 15px; } /*Jli*/ .header_wap .wapnav .mainNav li a.on { border-bottom: 1px solid #fff; } /*Jli*/ .header_wap .wapnav .mainNav li a.more { display: block; width: 40px; height: 40px; background: url(../images/more_right.png) no-repeat center center; position: absolute; top: 0; right: 0; z-index: 1; } .header_wap .wapnav .mainNav li .menu { width: 70%; height: 1000px; background: #fff; overflow: hidden; position: fixed; top: 100px; left: 0; z-index: 2; padding: 50px 0 0 10%; display: none; } .header_wap .wapnav .mainNav li .menu a { display: block; width: 100%; height: 40px; line-height: 40px; padding: 0; margin-bottom: 20px; } .header_wap a.back { display: block; width: 66px; height: 23px; background: url(../images/wap/back.png) no-repeat; background-size: 66px 23px; border: none; } /*.header_wap .search{width:36px;height:30px;float:right;background:#fff;position:absolute;top:29px;right:24px;border-radius:30px;overflow:hidden;} .header_wap .search .search_ssbox{margin:0 34px;overflow:hidden;} .header_wap .search .search_ss{width:100%;height:30px;line-height:30px;padding:0px;margin:0;color:#959595;background:none;font-size:14px;} .header_wap .search .search_btn{width:16px;height:16px;background:url(../images/wap/magnifier.png) no-repeat 0 0;background-size:16px 16px;cursor:pointer;position:absolute;top:7px;left:auto;right:0;float:left;} .header_wap .search_se{font-size:12px;color:#959595;position:absolute;top:6px;right:12px;} .header_wap .search .close{display:block;width:16px;height:16px;background:url(../images/wap/close.png) no-repeat;background-size:16px 16px;position:absolute;top:7px;left:10px;z-index:1;display:none;}*/ .search { position: relative; right: 20px; top: 0px; } .searchbox { width: 100%; position: relative; top: 91px; left: auto; right: 0; margin: 0; } .logo_xc { width: 100%; background: none; margin: 0; padding: 24px 0; background: #f3f2f2; display: block; opacity: 0; visibility: hidden; } .logo_xc a { display: block; width: 76px; height: 78px; overflow: hidden; float: right; margin: 0 24px 0 0; display: none; } .logo_xc a img { display: block; width: 100%; height: 100%; } .logo_xc .logo_text { float: none; margin: 0 10px 0 24px; overflow: hidden; } .logo_xc .logo_text h1 { font-size: 24px; padding: 6px 0 8px 0; color: #1d69ad; } .logo_xc .logo_text p { font-size: 20px; } .content { margin: 0; } .banner { width: 100%; height: auto; } .banner .pic { height: auto; } .banner .pic img { height: auto; } .banner .headportrait { top: 50%; margin: -57px 0 0 0; } .cardV01 .headportrait { position: absolute; left: 20px; width: auto; } .banner .headportrait .icon img { width: 100%; height: 100%; } .banner1 { width: 100%; height: auto; } .banner1 .pic { height: auto; } .banner1 .pic img { height: auto; width: 100%; } .banner1 .mask { height: 0px; line-height: 25px; } .banner1 .mask p { height: 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; } .menu { width: auto; margin: 20px auto; padding: 0; } .menu li { width: 25%; height: 62px; line-height: 62px; margin: 0; padding: 0; } .menu li a { width: 100%; height: 62px; line-height: 62px; font-size: 34px; } .title { height: 50px; line-height: 62px; border-bottom: solid 12px #1d69ad; margin: 0 0 20px 0; } .title i { float: left; color: #fff; font-weight: normal; position: relative; z-index: 1; max-width: 13em; } .title i img { vertical-align: text-bottom; } .title span { display: inline-block; width: 26px; height: 62px; background: url(../images/wap/wapmore.png) no-repeat center center; background-size: 16px 9px; float: left; position: relative; z-index: 2; } .title span:after { content: ""; width: 0; height: 0; border-bottom: solid 50px #1d69ad; border-top: none; border-right: solid 36px transparent; border-left: none; position: absolute; top: 0; right: -36px; } .content.reviewCenter.artWorld .list .sublist20 .list_main>li:first-child{ width:auto; } .artWorld .list .sublist20 .list_cont .list_main li .list_main_r .title span:after { display:none; } .title a.title_cont { display: inline-block; /* font-size:34px; */ color: #fff; position: relative; background: #1d69ad; padding: 0 0 0 24px; } .title a.title_cont0 { background: #777; z-index: 3; } .title a.title_cont0>div { content: ""; width: 0; height: 0; border-bottom: solid 50px #777; border-top: none; border-right: solid 36px transparent; border-left: none; position: absolute; top: 0; right: -36px; z-index: 2; } .title a.title_cont1 { margin-left: 31px; left: 0px; background: #9b9b9b; padding: 0; z-index: 1; } .title a.title_cont1:before { content: ""; width: 0; height: 0; border-top: solid 50px #9b9b9b; border-bottom: none; border-left: solid 36px transparent; border-right: none; position: absolute; top: 0; left: -36px; z-index: 0; } .title a.title_cont1:after { /*content:"";*/ width: 0; height: 0; border-top: solid 50px #f3f2f2; border-bottom: none; border-left: solid 36px transparent; border-right: none; position: absolute; top: 0; right: -18px; } .title a.title_cont1 span { width: 26px; } .title a.title_cont1 span:after { content: ""; border-bottom: solid 50px #9b9b9b; display: none; } .title a.title_cont1>div { content: ""; width: 0; height: 0; border-bottom: solid 50px #9b9b9b; border-top: none; border-right: solid 36px transparent; border-left: none; position: absolute; top: 0; right: -36px; z-index: 1; } .title a.title_cont2 { margin-left: 24px; left: 0px; background: #b6b5b5; padding: 0; z-index: 2; } .title a.title_cont2:before { content: ""; width: 0; height: 0; border-top: solid 50px #b6b5b5; border-bottom: none; border-left: solid 36px transparent; border-right: none; position: absolute; top: 0; left: -36px; z-index: 0; } .title a.title_cont2:after { content: ""; width: 0; height: 0; border-top: solid 50px #f3f2f2; border-bottom: none; border-left: solid 36px transparent; border-right: none; position: absolute; top: 0; right: -30px; } .title a.title_cont2 span { width: 26px; } .title a.title_cont2 span:after { content: ""; border-bottom: solid 50px #b6b5b5; display: none; } .title a.title_cont2>div { content: ""; width: 0; height: 0; border-bottom: solid 50px #b6b5b5; border-top: none; border-right: solid 36px transparent; border-left: none; position: absolute; top: 0; right: -30px; z-index: 1; } .title a.title_cont:hover, .title a.title_cont:focus { color: #fff; } .title a.more { /*display: none;*/ } .title a.title_cont0.on, .title a.title_cont1.on, .title a.title_cont2.on { background: #1d69ad; } .title a.title_cont0.on:before, .title a.title_cont1.on:before, .title a.title_cont2.on:before { border-top: solid 50px #1d69ad; } .title a.title_cont0.on span:after, .title a.title_cont0.on>div, .title a.title_cont1.on span:after, .title a.title_cont1.on>div, .title a.title_cont2.on span:after, .title a.title_cont2.on>div { border-bottom: solid 50px #1d69ad; } .list .list_l1, .list .list_l2 { display: none; } .list .list_r1 { margin: 0; } .hot { width: 100%; height: auto; padding: 0; background: none; } .hot .title { display: block; } .hot .Pic_Scroll { display: none; } .hot .hot_r { width: 100%; float: none; background: #fff; padding: 20px 0 0 0; } .hot .hot_r li { width: 100%; border-style: solid; border-color: #d5d5d5; padding: 0 0 20px 0; margin: 0 0 20px 0; overflow: hidden; } .hot .hot_r li.hot_liwapone { display: block; } .hot .hot_r li>a { display: block; float: right; margin: 0 24px; width: 186px; height: 122px; overflow: hidden; } @media screen and (max-width:999px) { .worm_vm_354_pc { display: none; } .index_list { padding: 20px 0 !important; } } .hot .hot_r li h3 { display: block; font-size: 34px; color: #000; line-height: 170%; overflow: hidden; padding: 0; max-height: 122px; } .hot .hot_r li h3 a { color: #000; display: block; margin: 0 0 0 24px; } .hot .hot_r li p { display: none; } .hot .worm_list { overflow: hidden; } .hot .worm_list li { width: 49%; float: left; } .hot .worm_list li:nth-child(2n) { margin-left: 1%; } .hot .worm_list li:last-child { padding-top: 10px; } .hot .worm_list li img { padding: 0; width: 100%; box-sizing: border-box; object-fit: cover; } .hot .worm_list li>a { float: none; width: 100%; height: auto; margin: 0; box-sizing: border-box; padding: 10px; } .list .list_main.worm_list li { width: 49% !important; float: left !important; box-sizing: border-box; } .list .list_main.worm_list.type2 li { width: auto !important; float: none !important; } .list .list_main.worm_list li:nth-child(2n) { margin-left: 1%; } .list .list_main.worm_list li img { float: none !important; padding: 0 !important; width: 100% !important; height: 26vw !important; box-sizing: border-box; margin-left: 0 !important; } .list .list_main.worm_list li .list_main_r { margin-top: 10px !important; } .list { width: auto; padding: 0; } .list .list_l { width: 100%; float: none; overflow: hidden; } .list .list_r { width: 100%; float: none; overflow: hidden; } .members .list_l, .members .list_r { margin: 0; } .members .title a.more { display: block; height: 24px; line-height: 24px; font-size: 12px; color: #8c9195; font-weight: normal; background: url(../images/more.png) no-repeat 29px 8px; padding: 0 10px 0 0; position: absolute; top: 0; right: 10px; } .list .sublist { width: auto; padding: 0; background: none; } .list .sublisttwo { width: auto; padding: 0; background: none; } .list .sublist1, .list .sublist2, .list .sublist3, .list .sublist4, .list .sublist5, .list .sublist6, .list .sublist7, .list .sublist8, .list .sublist9, .list .sublist10, .list .sublist11, .list .sublist12, .list .sublist13, .list .sublist14, .list .sublist15, .list .sublist16 { height: auto; float: none; margin: 0; padding: 0; } .list .list_cont { background: none; } .list .list_main { background: #fff; } .list .list_main li { border-style: solid; border-color: #d5d5d5; } .list .tab_menu { width: 280px; overflow: hidden; margin: 12px auto 10px; } .list .wapsublist { display: block; background: none; margin: 0 0 20px 0; } .list .wapsublist .list_main li a, .list .wapsublist .list_main li i, .list .wapsublist .list_main li p { font-size: 34px; line-height: 150%; } .list .wapsublist .list_main li { padding: 10px 24px; overflow: hidden; } .list .wapsublist1 {} .list .wapsublist1 .list_main { margin: 20px 0; } .list .wapsublist1 .list_main li { padding: 20px 0; width: 100%; height: auto; overflow: hidden; display: none; } .list .wapsublist1 .list_main li:last-child { display: none; } .list .wapsublist1 .list_main li.list_mainsub { background: none; display: block; } .list .wapsublist1 .list_main li.list_mainsub3 { border: none; display: none; } .list .wapsublist1 .list_main li img { display: block; float: right; margin: 0 24px; width: 186px; height: 122px; } .list .wapsublist1 .list_main li .list_main_r { float: none; width: auto; margin: 0 0 0 24px; height: auto; max-height: 122px; overflow: hidden; } .list .wapsublist1 .list_main li i, .list .wapsublist1 .list_main li p { display: block; color: #000; line-height: 170%; overflow: hidden; } .list .wapsublist2 .list_main li { padding: 10px 24px; } .list .wapsublist2 .list_main li:nth-child(3) { display: none; } .list .wapsublist2 .list_main li:last-child { display: none; } .list .wapsublist2 .list_main li span { display: block; height: 40px; line-height: 40px; text-align: right; font-size: 20px; float: none; } .list .wapsublist3 .list_main li { padding: 20px 24px 40px; } .list .wapsublist4 .list_main li p { font-size: 34px; } .list .wapsublist4 .list_main li span, .list .wapsublist4 .list_main li i { display: inline; font-size: 20px; color: #595757; padding: 0 60px 0 0; } .list .wapsublist4 .list_main li i { background: url(../images/wap/pinglunicon.png) no-repeat right center; background-size: 22px 19px; padding-right: 42px; } .list .wapsublist5 .list_main li { padding: 20px 24px 40px; } .list .wapsublist5 .list_main li:last-child { display: none; } .list .wapsublist5 .list_main li a { display: inline; } .list .wapsublist5 .list_main li i { display: inline; } .list .wapsublist6 { background: none; } .list .wapsublist6 .titlepc { display: none; } .list .wapsublist6 .titlewap { display: block; } .list .wapsublist6 .title a.title_cont span { background-position: 10px center; } .list .wapsublist6 .list_main { margin: 20px 0 0 0; padding: 20px 0 0 0; background: #fff; } .list .wapsublist6 .list_main li { padding: 0 0 20px 0; margin: 0 0 20px 0; width: 100%; overflow: hidden; } /* .list .wapsublist6 .list_main li:last-child{margin:0;display:none;} */ .list .wapsublist6 .list_main li.list_mainsub { background: none; display: block; } .list .wapsublist6 .list_main li img { display: block; float: right; margin: 0 24px; width: 186px; height: 122px; } .list .wapsublist6 .list_main li .list_main_r { float: none; width: auto; margin: 0 0 0 24px; height: auto; max-height: 122px; overflow: hidden; } .list .wapsublist6 .list_main li i, .list .wapsublist6 .list_main li p { display: block; line-height: 170%; overflow: hidden; } .list .wapsublist6 .list_main .sublist6_sublist_mainli2 img { display: block; } .list .wapsublist6 .list_main .sublist6_sublist_mainli2 .list_main_r { width: auto; height: auto; } .list .wapsublist7 .sublist7_pic { margin: 0; } .list .wapsublist7 .sublist7_pic img { width: 100%; height: auto; } .list .wapsublist7 .sublist7_text { margin: 10px 0 0 0; } .list .wapsublist8 .list_cont { overflow: hidden; height: auto; } .list .wapsublist8 .list_main { height: auto; } .list .wapsublist8 .list_main li { border-bottom: solid 1px #d5d5d5; width: auto; margin: 0; padding: 20px 24px; } .list .wapsublist8 .list_main li:last-child { border: none; } .list .wapsublist8 .list_main li .list_main_r { width: auto; float: none; height: auto; margin: 10px 24px 0 0; } .list .wapsublist8 .list_main li span { font-size: 34px; line-height: 150%; } .list .wapsublist8 .list_main li span.mh { display: inline; padding: 0 10px; } .list .wapsublist8 .list_main li p.m_p { display: none; } .list .wapsublist8 .list_main li a { display: block; width: 122px; height: 122px; float: left; margin: 0 20px 0 0; } .list .wapsublist8 .list_main li img { width: 100%; height: 100%; border-radius: 100%; } .list .wapsublist8 .list_main li i { display: inline; float: left; } .list .wapsublist9 .list_cont { height: auto; overflow: hidden; } .list .wapsublist9 .list_main { width: auto; padding: 24px 24px 0 24px; } .list .wapsublist9 .list_main li { width: 30%; padding: 0; margin: 0 0 24px 0; } .list .wapsublist9 .list_main li a { display: block; width: 100%; margin: 0 auto; } .list .wapsublist9 .list_main li img { display: block; width: auto; max-width: 100%; height: auto; margin: 0 auto; } .list .wapsublist9 .list_main li p { height: auto; } .list .wapsublist9 .list_main li.list_main_twoli { margin: 0 5%; } .list .wapsublist9 .list_main li.list_main_twoli img {} .list .wapsublist9 .list_main li.list_main_last img {} .list .wapsublist10 .list_cont { height: auto; overflow: hidden; } .list .wapsublist10 .list_main li { width: auto; } .list .sublist11 { margin: 0 0 20px 0; } .list .sublist11 .list_cont { height: auto; } .list .sublist11 .list_main { margin: 0; } .list .sublist11 .list_main li { width: 22.5%; float: left; margin: 2% 0 0 2%; } .list .sublist11 .list_main li img { width: 100%; height: auto; } .list .sublist12 { margin: 0 0 20px 0; } .list .sublist12 .list_main { margin: 0; } .list .sublist12 .list_main li { width: auto; padding: 20px; margin: 0; } .list .sublist12 .list_main li img { margin-right: 20px; } .list .sublist12 .list_main li .list_main_r { width: auto; float: none; } .list .sublist13 { margin: 0 0 20px 0; } .list .sublist13 .list_main { margin: 0; } .list .sublist13 .list_main li { width: auto; padding: 20px; } .list .sublist13 .list_main li h2 { padding: 20px 0; } .list .sublist13 .list_main li img { margin: 0 20px 0 0; } .list .sublist13 .list_main li .list_main_r { width: auto; float: none; } .list .sublist14 { margin: 0 0 20px 0; } .list .sublist14 .list_cont { width: auto; padding: 10px 20px; background: #fff; } .list .sublist14 .list_cont p { margin: 0; } .list .sublist15 { margin: 0 0 20px 0; } .list .sublist15 .list_main li { padding: 20px; } .list .sublist16 { margin: 0 0 20px 0; } .list .sublist16 .list_main { margin: 0; padding: 10px; width: auto; } .list .sublist16 .list_main li { padding: 0; overflow: hidden; white-space: nowrap; } .list .bottom_pic { width: auto; height: auto; padding: 0; background: none; margin: 0 0 10px 0; } .list .bottom_pic ul { margin: 0; background: #fff; padding: 10px 0 0 0; } .list .bottom_pic ul li { width: 30%; margin: 0 0 2.5% 2.5%; height: auto; } .list .bottom_pic ul li img { width: 100%; height: auto; } .cardV01 .list .sublist13 .list_main li { padding: 0 20px; width: auto; } .cardV01 .list .sublist13 .list_main li .list_main_r { height: auto; } .cardV01 .list .sublist13 .list_main li .list_main_r .p1 { width: 100%; } .cardV01 .list .sublist13 .list_main li .list_main_r .p2 { width: 100%; } .cardV01 .list .sublist13 .list_main li .list_main_r .p3 { width: 100%; } .cardV01 .list .text { font-size: 22px; } .cardV01 .list .sublist13 .list_main li .list_main_r p { font-size: 22px; } .mywritings .list_l { display: none; } .mywritings .list_r { margin: 0; } .list_l_wap { display: block; position: fixed; width: 100%; z-index: 20; } .list_l_wap .list_l_wap_top { width: 60px; height: 88px; overflow: hidden; position: fixed; top: 0; left: 60px; z-index: 11; } .list_l_wap .logo { display: none; } .list_l_wap .list_l_wapnavico { display: block; width: 60px; height: 88px; line-height: 88px; color: #5b5b53; font-size: 14px; text-align: center; position: absolute; top: 0; left: 0; } .list_l_wap .list_l_wapnavico:hover, .list_l_wap .list_l_wapnavico.on { color: #5b5b53; } .list_l_wap .list_l_wapnav { width: 100%; height: 100%; min-height: 100%; padding-bottom: 100px; position: fixed; top: 89px; z-index: 10; opacity: 0; transition: opacity 0.3s; display: none; } .list_l_wap .list_l_wapnav .list_l_wapnav_top { height: 100px; overflow: hidden; position: relative; } .list_l_wap .list_l_wapnav .list_l_wapnav_top .logo { width: 164px; height: 38px; position: absolute; top: 31px; left: 47px; margin: 0; } .list_l_wap .list_l_wapnav .list_l_wapnav_top .list_l_wapclose { display: block; width: 28px; height: 29px; overflow: hidden; background: #ccc url(../images/wap/close.png) no-repeat; background-size: 100% 100%; position: absolute; top: 35px; right: 55px; border-radius: 100%; } .list_l_wap .list_l_wapnav a { color: #5b5b53; font-size: 14px; } .list_l_wap .list_l_wapnav a:hover, .list_l_wap .list_l_wapnav a.on { color: #5b5b53; } .list_l_wap .list_l_wapnav .list_l_wapsubnav { padding: 0 47px; overflow: hidden; } .list_l_wap .list_l_wapnav .list_l_wapsubnav .list_l_wapmainNav { position: relative; } .list_l_wap .list_l_wapnav .list_l_wapmainNav li { position: relative; } .list_l_wap .list_l_wapnav .list_l_wapmainNav li a.navcont { font-size: 14px; display: block; padding-bottom: 14px; width: 100%; height: 40px; line-height: 40px; padding: 0; position: relative; z-index: 0; } /*Jli*/ .list_l_wap .list_l_wapnav .list_l_wapmainNav li a.submenu_atit { color: #1d70b9; } .list_l_wap .list_l_wapnav .list_l_wapmainNav li a.on { border-bottom: 1px solid #fff; } /*Jli*/ .list_l_wap .list_l_wapnav .list_l_wapmainNav li a.list_l_wapmore { display: block; width: 40px; height: 40px; background: url(../images/more_right.png) no-repeat center center; background-size: 8px 15px; position: absolute; top: 0; right: 0; z-index: 1; } .list_l_wap .list_l_wapnav .list_l_wapmainNav li .list_l_wapmenu { width: 100%; height: 1000px; background: #fff; overflow: hidden; position: fixed; top: 89px; left: 0; z-index: 2; padding: 0 0 0 47px; display: none; margin: 0 0 0 -120%; opacity: 0; transition: opacity 0.3s; } .list_l_wap .list_l_wapnav .list_l_wapmainNav li .list_l_wapmenu a { display: block; width: 100%; height: 40px; line-height: 40px; padding: 0; } .list_l_wap .list_l_wapnav .list_l_wapmainNav li .list_l_wapmenu a.list_l_wapback { width: 66px; height: 23px; background: url(../images/wap/back.png) no-repeat; background-size: 66px 23px; margin: 38px 0 39px 0; } .list_l_wap .ch_en_switch { width: 20%; min-width: 62px; height: 36px; font-size: 0; overflow: hidden; position: absolute; top: 32px; right: 0; } .list_l_wap .ch_en_switch a { line-height: 35px; color: #a4a19b; font-size: 18px; margin: 0 20px 0 0; float: right; } .list_l_wap .ch_en_switch a:hover, .ch_en_switch a.on { color: #fff; border-bottom: solid 1px #fff; } .list_l_wap .list_l_wapmask { width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.9); position: fixed; z-index: 9; top: 89px; opacity: 0; transition: opacity 0.3s; display: none; } .header_after .ch_en_switch a:hover, .header_after .ch_en_switch a.on { color: #fff; border-bottom: solid 1px #fff; } .mywritings .banner .headportrait .text h1 { padding: 0; } .mywritings .list .sublist17 .list_main li .title { padding: 0; border: none; } .mywritings .list .sublist17 .list_main li .title a.more { display: block; } .chLiteraryCriticism .title a.more { display: block; height: 18px; line-height: 18px; top: 50%; right: 20px; margin-top: -9px; background-position: 29px 5px; } .chLiteraryCriticism .list .sublist18, .chLiteraryCriticism .list .sublist18.one, .chLiteraryCriticism .list .sublist18.two, .chLiteraryCriticism .list .sublist18.three, .chLiteraryCriticism .list .sublist20, .chLiteraryCriticism .list .sublistabout { height: auto; padding: 0; width: 100%; background: none; margin: 0 0 20px 0; } .chLiteraryCriticism .list .sublist18 .list_main li .list_main_r .title { border: none; padding: 0; margin: 0; } .chLiteraryCriticism .list .sublist18 .list_main li .list_main_r .title a.more { display: block; height: 18px; line-height: 18px; top: 50%; margin-top: -9px; background-position: 29px 5px; } .chLiteraryCriticism .list .sublist18 .list_cont .list_main li { padding: 20px; } .chLiteraryCriticism .list .sublist20 .list_cont .list_main { margin: 0; } .chLiteraryCriticism .list .sublist20 .list_cont .list_main li { padding: 0 20px; width: auto; float: none; } .chLiteraryCriticism .list .sublist20 .list_main li>a { max-width: 70%; } .chLiteraryCriticism .list .sublistabout {} .chLiteraryCriticism .list .sublistabout .list_cont { padding: 20px; background: #fff; width: auto; } .title1 { margin: 10px auto; width: auto; } .list .sublist19 .list_cont { margin: 0; } .list .sublist19 .list_cont .btn { width: auto; } .artWorld .list .sublist20 { padding: 0; float: none; height: auto; background: none; } .artWorld .list .sublist20 .title .more { display: block; height: 24px; line-height: 24px; top: 50%; margin-top: -12px; right: 20px; } .artWorld .list .sublist20.last { height: auto; } .artWorld .list .sublist20 .list_cont .list_main { margin: 0; } .artWorld .list .sublist20 .list_cont .list_main li { width: auto; padding: 0 20px; float: none; border-style: dashed; } .artWorld .list .sublist20 .list_cont .list_main li.list_submain_first { padding: 20px; margin: 0; } .artWorld .list .sublist20 .list_cont .list_main li .list_main_r .title { height: 24px; line-height: 24px; border: none; margin: 0; padding: 0; } .artWorld .list .sublist20.one { margin: 0 0 20px 0; } .artWorld .list .sublist20 .list_main li { margin-right: 0 !important; } .artWorld .list .sublist20.wechat001 .list_main li:nth-child(odd) { margin-right: 0 !important; } .artWorld .list .sublist20.yipingtiandi { min-height: auto; } .artWorld.association .list_l, .artWorld.association .list_r { width: auto; } .artWorld.association .list .sublist20 .list_main li.list_submain_first { height: auto; } .artWorld.association .list .sublist20 .list_main li.list_submain_first a { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 10px; float: none; } .artWorld.association .list .sublist20 .list_main li.list_submain_first a p.tittext001 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .artWorld.association .list .sublist20 .list_main li.list_submain_first a p.tittextcont001 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .about001 { padding: 10px; } .list4 { height: auto; overflow: visible; } .list4_ul { height: auto; overflow: visible; } .list4_li { position: relative; width: 96%; margin: 0 auto 20px; padding: 2%; border-radius: 6px; /*box-shadow:0 0 10px 2px rgba(17,89,152,0.2);*/ } .list4_li:nth-child(even) { margin-right: 0; } .list4_img { max-width: 100%; width: auto; margin: 0 auto 15px; } .list4_li2020, .list4_li2019, .list4_li2018, .list4_li2017, .list4_li2016, .list4_li2015, .list4_li2014 { top: auto; bottom: auto; left: auto; right: auto; } .list4_li2016 { float: none; margin: 0 auto 20px; } .list4_li2015 { float: none; margin: 0 auto 20px !important; } .list4_li2014 { float: none; margin: 0 auto 20px !important; } .years_waptit { display: block; text-align: center; margin: 0 0 20px; position: relative; } .years_waptit:after { content: ""; width: 0; height: 0; border-top: solid 6px #f00; border-bottom: none; border-left: solid 6px transparent; border-right: solid 6px transparent; position: absolute; bottom: -12px; left: 50%; margin-left: -6px; animation: years_waptiticon 0.5s infinite; } @keyframes years_waptiticon { 25% { transform: translateY(-2px); } 50% { transform: translateY(0px); } 75% { transform: translateY(2px); } } .years_waptit .years_icon { display: none; } .years { display: none; } .list6_li { width: 48%; margin: 0 4% 10px 0; } .list6_li:nth-child(even) { margin-right: 0; } .clickThisNetwork .list .sublist20, .clickThisNetwork .list .sublist20.one, .clickThisNetwork .list .sublist20.two, .clickThisNetwork .list .sublist20.three, .clickThisNetwork .list .sublist20.four, .clickThisNetwork .list .sublistabout, .clickThisNetwork .list .sublistmenu { height: auto; padding: 0; float: none; background: none; } .clickThisNetwork .title a.more, .clickThisNetwork .list .sublist20>.title .more { display: block; height: 24px; line-height: 24px; top: 50%; right: 20px; margin-top: -12px; } .clickThisNetwork .list .sublistmenu { display: none; } .clickThisNetwork .list .sublistmenu .title { margin: 0; } .clickThisNetwork .list .sublistmenu .list_cont { background: #fff; } .clickThisNetwork .list .list_cont .list_main .list_main_r .title { height: 24px; line-height: 24px; border: none; padding: 0; margin: 0; } .clickThisNetwork .list .list_cont .list_main li { padding: 0 20px; width: auto; float: none; border-style: dashed; } .clickThisNetwork .list .list_cont .list_main li.list_submain_first { padding: 0 20px 20px 20px; } .clickThisNetwork .list .sublist20.two .list_cont .list_main li { padding: 0 20px 20px 20px; } .clickThisNetwork .list .sublist20.one .list_cont .list_main li { padding: 0 20px 20px 20px; } .clickThisNetwork .list .sublistabout { margin-top: 0; } .clickThisNetwork .list .sublistabout .list_cont { padding: 0 20px; width: auto; background: #fff; } .clickThisNetwork .list .sublistabout .list_cont .title { border: none; padding: 0; margin: 0; } .clickThisNetwork .list .sublistabout .list_cont .title a.more { right: 0; } .clickThisNetwork .list .sublist20 .list_cont .list_main li:last-child { margin: 0; } .clickThisNetwork .list .sublist20.one .list_cont .list_main li:last-child { margin: 0; } .clickThisNetwork .list .sublist20 .list_cont .list_main li:first-child { padding: 20px; } .clickThisNetwork .list .sublist20 .list_main { margin: 0; } .clickThisNetwork .list .sublist20 .list_main li img { margin: 0 10px 0 0; } .comment_details .list .sublistdetails { margin-bottom: 30px; } .comment_details .list_r { position: relative; } .comment_details .title a.more { display: block; height: 24px; line-height: 24px; top: 50%; margin-top: -12px; right: 20px; } .list .sublist21 .list_main li { width: 22.5%; margin: 2% 0 0 2%; padding-bottom: 20px; } .list .sublist21 .list_main li img { display: block; width: 100%; height: 130px; } .details_cont { padding: 20px; } .sublistthree .details_cont { /* padding: 20px; */ width: auto; } .details_tit { padding: 0; } .details_tit h1 { margin: 30px 0; } .details_tit .briefing { height: auto; } .details_tit .briefing span { display: inline-block; padding: 0 5px; } .details_tit .briefing .briefing_timeicon { padding: 0 5px 0 16px; margin-left: 0px; } .details_tit .briefing .briefing_timeicon .fa { font-size: 12px; ; } /*.details_tit .briefing span:first-child{display:none;}*/ /*.details_tit .briefing span:last-child{display:none;}*/ .details_cont p { margin: 0 0 20px 0; text-align: justify; } .details_tit .share { display: none; margin: 0 0 20px 0; } .artReviewSite .list .list_r { margin-top: 30px; } .artReviewSite .list .sublist20 { float: none; height: auto; padding: 0; margin: 0 0 30px 0; background: none; } .artReviewSite .list .sublist20 .list_main { margin: 0; padding: 20px 0 0 0; } .artReviewSite .list .sublist20 .list_main li { width: auto; float: none; border-style: dashed; padding: 0 20px; } .artReviewSite .list .sublist20 .list_main li.list_submain_first { border-style: dashed; padding: 0 20px 20px; } .artReviewSite .list .sublist20 .list_main li.list_submain_first .title a.more { display: block; height: 24px; line-height: 24px; top: 50%; margin-top: -12px; right: 0; background: url(../images/more.png) no-repeat 29px 8px; padding: 0 10px 0 0; } .artReviewSite .list .sublist20 .list_main li.list_submain_first.last { padding: 0 20px 20px; } .artReviewSite .list .sublist20 .list_main li .list_main_r .title { height: 24px; line-height: 24px; padding: 0; margin: 0; } .artReviewSite .list .sublist20 .list_main li .list_main_r .title span { display: inline; } .artReviewSite .list .sublist20 .list_main li .list_main_r .title span:after { display: none; } .artReviewSite .list .sublist20 .title a.more { display: block; height: 24px; line-height: 24px; top: 50%; margin-top: -12px; right: 20px; } .artReviewSite .list .sublist21 .list_main { margin: 0; } .artReviewSite .list .sublist21.last .list_main li.first { margin: 0; padding: 0 2% 0; width: auto; float: none; } .artReviewSite .list .sublist21 .list_main li img { margin: 0; } .artReviewSite .list .sublist21 .title .more { display: block; height: 24px; line-height: 24px; top: 50%; margin-top: -12px; right: 20px; } .artReviewSite .list .sublist20-1 .list_main li { padding: 20px; } .artReviewSite .list .sublist20-1 .list_main li .list_main_r { width: auto; } .artReviewSite_home .list_r { position: relative; } .artReviewSite_home .list .sublist20 { padding: 0; margin: 0 0 20px 0; background: none; float: none; } .artReviewSite_home .list .sublist20 .list_main { margin: 0; padding: 20px 0 0 0; } .artReviewSite_home .list .sublist20 .list_main li { width: auto; float: none; } .artReviewSite_home .list .sublist20 .list_main li.list_submain_first { border-style: dashed; padding: 0 20px 20px; } .artReviewSite_home .list .sublist20 .list_main li.list_submain_first.last { padding: 0 20px 20px; } .artReviewSite_home .list .sublist20 .list_main li .list_main_r .title { height: 24px; line-height: 24px; padding: 0; margin: 0; border: none; } .artReviewSite_home .list .sublist20 .list_main li .list_main_r .title span { display: inline; } .artReviewSite_home .list .sublist20 .list_main li .list_main_r .title span:after { display: none; } .artReviewSite_home .list .sublist21 .list_main { margin: 0; } .artReviewSite_home .list .sublist21.last .list_main li.first { margin: 0; padding: 2% 2% 0; width: auto; float: none; } .artReviewSite_home .list .sublist21 .list_main li img { margin: 0; } .artReviewSite_home .list .sublist21 .title .more { display: block; height: 24px; line-height: 24px; top: 50%; margin-top: -12px; right: 20px; } .artReviewSite_home .banner1 { display: none; } .artWorld_lilunqianyan .list_r { position: relative; } .artWorld_lilunqianyan .list .sublist21.last .list_main li.first { width: auto; margin: 0; padding: 2% 2% 0; float: none; } .artWorld_lilunqianyan .list .sublist21.last .list_main li.first p { height: 30px; line-height: 30px; font-size: 12px; } .artWorld_lilunqianyan .list .sublist21.last .list_main li p { font-size: 12px; } .artWorld_PolicyTheoryArticle .list .sublist21.last .list_main li.first { width: auto; margin: 0; padding: 2% 2% 0; float: none; } .artWorld_PolicyTheoryArticle .list .sublist21.last .list_main li.first p { height: 30px; line-height: 30px; font-size: 12px; } .artWorld_PolicyTheoryArticle .list .sublist21.last .list_main li p { font-size: 12px; } .artWorld_PolicyTheoryArticle .list_r { position: relative; } .artWorld_PolicyTheoryArticle .previous_next { margin: 30px 0; } .links .list .list_l { width: 100%; } .links .sublistlinks .textarea { box-sizing: border-box; width: 100%; } .links .sublistlinks .textarea textarea { width: 96%; padding: 6px 2%; } .links .list .list_r { width: 100%; position: relative; left: auto; margin-top: 30px; } .links .list .list_r .sublistlinks .textarea { width: 100%; padding: 0; } .links .list .list_r .sublistlinks .textarea textarea { width: 96%; padding: 6px 2%; } .links .coverpic_btn input { margin: 10px; } .association .title a.more { display: block; height: 24px; line-height: 24px; top: 50%; right: 20px; margin-top: -12px; } .association .sublist13 .list_main li.list_submain_last { padding: 12px 20px; } .association .list .list_l .sublist12 .list_main li { padding: 0 20px; } .association .list .list_l .sublist12 .list_main li.list_submain_first { padding: 0; } .association .list .list_l .sublist12 .list_main li .list_main_r .pic a { width: 22.5%; margin: 0 0 0 2%; } .association .list .list_l .sublist12 .list_main li .list_main_r .pic a img { width: 100%; height: auto; } .association .list .sublist12 .list_main li i.tit { padding: 0 0 0 2%; } .association .list .list_l .sublist12 .list_main li .list_main_r .pic a.last:last-child { margin-right: 0; } .association .list .sublist12 { height: auto; } .association .list .sublist12>i.tit { margin: 4px 0 16px 20px; } .association .list .sublist12 .list_main li.list_submain_last { padding: 0 20px 20px; } .association .list .sublist12 .list_main li .list_main_r { padding: 0 0 10px 0; } .association .list .sublist4 { height: auto; } .association .list .sublist4 .list_main li { height: 53px; line-height: 53px; padding: 0 20px; } .association .list .sublist4 .list_main li p { height: 53px; line-height: 53px; font-size: 14px; padding: 0; margin: 0; } .association .list .sublist4 .list_main li.list_submain_last { padding: 0 20px; } .association .list .sublist4 .list_main li p span { padding: 0; } .association .sublist12-1 { display: none; } .association .list .sublist20 { height: auto; float: none; } .association .list .sublist20 .list_main li.list_submain_first { padding: 20px 20px 0; width: auto; } .association .list .sublist20 .list_main li.list_submain_first .pic a { width: 48%; height: auto; margin-right: 4%; } .association .list .sublist20 .list_main li.list_submain_first .pic a.last { margin: 0; } .association .list .sublist20 .list_main li.list_submain_first .pic a img { width: 100%; height: auto; } .association .list .sublist20 .list_main li { width: auto; padding: 0 20px; float: none; } .association .list .sublist20 .list_main li.list_submain_first.one { padding: 20px; } .association .list .sublist20.last { height: auto; } .association .submenu { /*display:none;*/ } .association .submenu .submenu_a2_1 { margin: 0px; } .list .sublistabout { background: #fff; height: auto; padding: 20px; margin-top: 30px; } .columns .list .sublist8 .list_main { width: 100%; margin: 0; padding: 0 0 20px 0; } .columns .list .wapsublist8 .list_main li a { display: inline; width: auto; height: auto; float: none; margin: 0; } .columns .list .sublist8 .list_main li { padding: 0; border: none; } .columns .list .sublist8 .list_main li .list_main_r { margin: 0; } .columns .list .sublist8 .list_main li span.mh { display: none; } .columns .list .sublist8 .list_main li img { width: 54px; height: 54px; margin-right: 10px; } .columns .list .sublist8 .list_main li i { font-size: 14px; display: block; float: none; line-height: 20px; } .columns .list .sublist8 .list_main li span { font-size: 12px; } .columns .list .sublist8 .list_main li p.m_p { font-size: 12px; display: block; } .edit .list_l { display: none; } .edit .list_r { margin: 0; } .edit .titandtime_l { float: none; width: auto; } .edit .titandtime_r { margin: 20px 0 0 0; } .mycardchronology .title, .mycardchronology_details .title, .mycomment .title { border: none; } .mycardchronology .list .sublist18 .list_main, .mycardchronology_details .list .sublist18 .list_main, .mycomment .list .sublist18 .list_main { margin: 0; width: auto; } .mycardchronology_details .list .sublist18 .list_main li { padding: 20px; } .mycardchronology .list .sublistthree, .mycardchronology_details .list .sublistthree, .mycomment .list .sublistthree { padding: 0; } .mycardchronology_details .list .sublist18 .list_main li .list_main_r { min-height: auto; } .map .list .list_main li { border-style: dashed; } .mycomment .list .sublist18 .list_main li .list_main_r i { float: none; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .mycomment .list .sublist18 .list_main li .list_main_r .time1 { display: block; float: none; font-size: 12px; padding: 0; } .register .title a.more { display: block; height: 24px; line-height: 24px; right: 10px; } .register .list .sublist13 .list_main li { padding: 20px; } .adviser .list .list_main { min-height: auto; } .reviewCenter .details_cont { width: auto; } .page { margin: 0 0 20px 0; } .footer { padding: 0 24px; height: auto; } .footer, .footer div, .footer a, .footer span, .footer i, .footer .icp { font-size: 22px; } .footer_menu { padding: 20px 0 40px; width: auto; } .footer_menu a { padding: 0; } .footer_menu span { display: inline; padding: 0 2%; position: relative; top: -1px; } .footer .nav { display: none; } .footer .icp { padding: 0; text-align: center; line-height: 150%; overflow: hidden; } .footer .icp_tp { padding-bottom: 10px; } .footer .icp span { display: inline; padding: 0 10px !important; } .footer .icp i { display: none; } .footer_menut { text-align: left; } .footer_menub { text-align: left; padding: 40px 0; } .footer_menub a { display: block; width: 22%; float: left; margin: 0 4% 0 0; text-indent: 40px; } .footer_menub a:last-child { margin-right: 0; } .footer_menub a.one { background: url(../images/wap/footer_ico1.png) no-repeat 0 center; background-size: 32px 26px; } .footer_menub a.two { background: url(../images/wap/footer_ico2.png) no-repeat 0 center; background-size: 26px 26px; } .footer_menub a.three { background: url(../images/wap/footer_ico3.png) no-repeat 0 center; background-size: 32px 26px; } .footer_menub a.four { background: url(../images/wap/footer_ico4.png) no-repeat 0 center; background-size: 32px 22px; } .ad { display: none; } .title1 .hdwd_btn { display: none; } .title1 .hdwd_btnwap { display: block; } .cblm .list { padding: 0 10px; } .cblm .list.worm-type2 .sublistthree { overflow: visible; } .cblm .list.worm-type2 .sublistthree:after { content: ''; display: block; clear: both; } .cblm .list.worm-type2 .sublist20 { float: none; } .cblm .list.worm-type2 .title { margin: 0 -10px; width: calc(100% + 20px); } .cblm .list .sublistthree { padding: 10px 0 0 0; margin: 0; } .cblm .sublistcblmcont .ptit { padding: 10px 0; font-size: 14px; } .cblm .sublistcblmcont .cont { padding: 10px; } .cblm .sublistcblmcont .cont p { font-size: 14px; } .cblm .sublistcblmcont .cont p i { display: inline; height: auto; } .cblm .list .sublist20 .list_main li.list_submain_first { width: auto; padding: 10px; } .cblm .list .sublist20 .list_main li>a { margin-left: 10px; } .cblm .list .sublist20 .list_main li span { margin-right: 10px; } .cblm .sublistcblm .list_cblm li p { font-size: 14px; } .cblm .sublistcblm .list_cblm { padding: 10px 0 0 0; } .cblm .sublistcblm .list_cblm li { width: 49%; height: 150px; overflow: hidden; float: left; margin: 0 2% 0 0; } .cblm .sublistcblm .list_cblm li>a { width: 100%; height: 80px; overflow: hidden; background: #fff; margin: auto; } .cblm .sublistcblm .list_cblm li.mar-r { margin: 0 2% 0 0; } .cblm .sublistcblm .list_cblm li.mar-rwap { margin: 0; } .cblm .sublistcblm .list_cblm li.mar-r.mar-rwap { margin: 0; } .cblm .list .sublist20 .list_main li.list_submain_first span { display: none; } .members .list .sublist13 .list_main li { padding: 10px 20px; } .index .list .WeChat { float: none; } .text_gundong { width: auto; margin-top: -30px; } .page a { display: inline-block; margin-bottom: 8px; } .index .list .WeChat .list_main_t { height: auto; } .index .list .WeChat .list_main_b { height: auto; } .footer { padding-bottom: 10px; } .footerwapmenu { display: block; width: 100%; height: 30px; line-height: 30px; position: fixed; bottom: 0; left: 0; text-align: center; z-index: 999; border-top: solid 2px #115998; } .footerwapmenu ul { overflow: hidden; } .footerwapmenu ul li { width: 20%; height: 30px; float: left; } .footerwapmenu ul li a { display: block; width: 100%; height: 30px; font-size: 10px; color: #1d69ad; background: #eee url(../images/nav1_bg.png) no-repeat bottom left; } .artReviewSite_home .list .sublist20.yuedu20_l { float: none; width: auto; } .artReviewSite_home .list .sublist20.yuedu20_r { float: none; width: auto; } .map .title1 { margin: 10px auto; } .artReviewSite_home .list .list_l .points .list_cont .list_main li { width: 25%; } .artReviewSite_home .list .list_l .points .list_cont .list_main li .list_main_r i, .artReviewSite_home .list .list_l .points .list_cont .list_main li .list_main_r div.potit, .artReviewSite_home .list .list_l .points .list_cont .list_main li .list_main_r p { font-size: 12px; } .list .sublist2 .list_main li i { font-size: 12px; } .list .sublist3 .list_main li i { font-size: 12px; } .index .list .sublist4.wapsublist .list_main li { height: 46px; line-height: 46px; padding: 0; width: 46%; float: left; margin: 0 2%; background-size: 100% 46px; } .index .list .sublist4.wapsublist .list_main li.last { display: block; } .index .list .sublist4.wapsublist .list_main li a { font-size: 16px; } .index .list .sublist4.wapsublist .list_main li a img { margin-right: 10px; } .association .list .sublist20 .list_main li.list_submain_first { margin-bottom: 0; } .list_c .sublist30 .list_main li { width: 46%; margin: 0 2%; } .list_c .sublist30 .list_main li .sublist30_pic { width: 100%; } .list_c .sublist30 .list_main li .sublist30_pcpicone img { height: auto; } .list_c .sublist30 .list_main li .sublist30_text {} .adviser .list .list_main li a.a_fuzhuxi { margin-bottom: 10px; } .six_years .cont { padding: 10px; margin: 0 10px; } .six_years .cont:hover { border-radius: 0; } .list_pic4_li { width: 100%; float: none; margin-bottom: 10px; } .list_pic4_img { width: 100%; height: auto; margin-bottom: 10px; } .list_pic5_li { width: 100%; float: none; } .m_t0 { margin-top: 0px; } .m_r0 { margin-right: 0px; } .m_b0 { margin-bottom: 0px; } .m_l0 { margin-left: 0px; } .m_t18 { margin-top: 10px; } .m_r18 { margin-right: 10px; } .m_b18 { margin-bottom: 10px; } .m_l18 { margin-left: 10px; } .m_b20 { margin-bottom: 10px; } .m_t22 { margin-top: 10px; } .m_r22 { margin-right: 10px; } .m_b22 { margin-bottom: 10px; } .m_l22 { margin-left: 10px; } .m_t30 { margin-top: 10px; } .m_r30 { margin-right: 10px; } .m_b30 { margin-bottom: 10px; } .m_l30 { margin-left: 10px; } .p_t0 { padding-top: 0px; } .p_r0 { padding-right: 0px; } .p_b0 { padding-bottom: 0px; } .p_l0 { padding-left: 0px; } .p_t18 { padding-top: 10px; } .p_r18 { padding-right: 10px; } .p_b18 { padding-bottom: 10px; } .p_l18 { padding-left: 10px; } .p_t22 { padding-top: 10px; } .p_r22 { padding-right: 10px; } .p_b22 { padding-bottom: 10px; } .p_l22 { padding-left: 10px; } .p_t25 { padding-top: 10px; } .p_r25 { padding-right: 10px; } .p_b25 { padding-bottom: 10px; } .p_l25 { padding-left: 10px; } .p_t27 { padding-top: 10px; } .p_r27 { padding-right: 10px; } .p_b27 { padding-bottom: 10px; } .p_l27 { padding-left: 10px; } } @media screen and (max-width:768px) { .mywritings .list_r .banner, .mycomment .list_r .banner, .mycardchronology .list_r .banner, .mycardchronology_details .list_r .banner { height: 190px; } .mywritings .list_r .banner .pic, .mycomment .list_r .banner .pic, .mycardchronology .list_r .banner .pic, .mycardchronology_details .list_r .banner .pic { height: 100%; } .mywritings .list_r .banner .pic img, .mycomment .list_r .banner .pic img, .mycardchronology .list_r .banner .pic img, .mycardchronology_details .list_r .banner .pic img { height: 100%; } .mywritings .list_r .banner .jfsm, .mycomment .list_r .banner .jfsm, .mycardchronology .list_r .banner .jfsm, .mycardchronology_details .list_r .banner .jfsm { display: none; } .banner .jfsm { display: none; } .columns .list .sublist8 .list_main li { width: 46%; float: left; margin: 2.5% 0 0 2%; } } @media screen and (max-width:640px) { .logo_xc .logo_text h1 { font-size: 20px; padding: 10px 0 10px 0; } .logo_xc .logo_text p { font-size: 16px; } .list .wapsublist .list_main li a, .list .wapsublist .list_main li i, .list .wapsublist .list_main li p { font-size: 24px; line-height: 150%; } /* .title a.title_cont{font-size:24px;} */ .hot .hot_r li h3 { font-size: 24px; } .list .wapsublist8 .list_main li span { font-size: 24px; } .list .wapsublist2 .list_main li span { font-size: 16px; } .list .wapsublist4 .list_main li span, .list .wapsublist4 .list_main li i { font-size: 16px; } .footer, .footer div, .footer a, .footer span, .footer i, .footer .icp { font-size: 17px; } .list .wapsublist8 .list_main li .list_main_r { margin: 22px 24px 0 0; } .list .wapsublist8 .list_main li .list_main_r span { float: left; } .list .wapsublist1 .tab_menu li a { line-height: 28px; } .menu li a { font-size: 24px; } .cardV01 .list .sublist13 .list_main li.oneli { margin: 0; } .cardV01 .list .sublist13 .list_main li .list_main_r .p1 { width: 100%; } .cardV01 .list .sublist13 .list_main li .list_main_r .p2 { width: 100%; } .cardV01 .list .sublist13 .list_main li .list_main_r .p3 { width: 100%; } .cardV01 .list .text { font-size: 14px; } .cardV01 .list .sublist13 .list_main li .list_main_r p { font-size: 14px; } .details_tit .briefing { margin: 20px auto; } /* .details_tit .briefing span{width:50%;text-align:left;float:left;padding:0;} */ .columns .list .wapsublist8 .list_main li .list_main_r span { float: none; } .yuedulist li p { height: 48px; } .hdwd_box .ejectBox1 { width: 90%; background-color: #ffffff; border-radius: 20px; position: fixed; top: 50%; left: 5%; margin: -151px 0 0 0; min-height: 150px; z-index: 1; } } @media screen and (max-width:550px) { /* .list .list_main li a{font-size:12px;} */ .logo_xc { padding: 10px 0; } .logo_xc .logo_text h1 { font-size: 18px; padding: 12px 0 12px 0; } .logo_xc .logo_text p { font-size: 12px; } .banner .headportrait { height: 80px; margin: -40px 0 0 0; left: 20px; } .banner .headportrait .icon { width: 80px; height: 80px; } .banner .headportrait .icon img { width: 100%; height: 100%; } .banner .headportrait .text { width: 210px; height: 80px; } .banner .headportrait .text h1 { font-size: 18px; padding: 2px 0; } .banner .more { font-size: 14px; background-position: 72px -42px; right: 10px; bottom: 10px; } .mywritings .list_r .banner .headportrait, .mycomment .list_r .banner .headportrait, .mycardchronology .list_r .banner .headportrait, .mycardchronology_details .list_r .banner .headportrait { height: 115px; margin: -57px 0 0 0; } .mywritings .list_r .banner .headportrait .text, .mycomment .list_r .banner .headportrait .text, .mycardchronology .list_r .banner .headportrait .text, .mycardchronology_details .list_r .banner .headportrait .text { height: 115px; } .menu { margin: 10px auto; } .menu li { height: 52px; line-height: 52px; } .menu li a { height: 52px; line-height: 52px; font-size: 20px; } .list .sublist17 .list_main { margin: 10px 0 0 0; } .list .sublist17 .list_main li { border-bottom: dashed 1px #b9b7b7; padding: 10px; } .list .sublist17 .list_main li .list_main_pic { width: 100%; margin: 0 0 10px 0; } .list .sublist17 .list_main li .list_main_pic img { float: left; margin-right: 10px; } .list .sublist17 .list_main li .list_main_pic p { text-align: left; } .list .sublist17 .list_main li .list_main_pic i { display: block; } .list .sublist17 .list_main li .list_main_r { width: 100%; height: auto; } .list .sublist17 .list_main li .list_main_r i { display: none; } .list .sublist17 .list_main li .list_main_r p { text-indent: 2em; } .list .wapsublist .list_main li a, .list .wapsublist .list_main li i, .list .wapsublist .list_main li p { font-size: 20px; } .hot .hot_r li h3 { font-size: 20px; } .list .wapsublist8 .list_main li span { font-size: 20px; } .list .wapsublist2 .list_main li span { font-size: 14px; } .list .wapsublist4 .list_main li span, .list .wapsublist4 .list_main li i { font-size: 14px; } .list .wapsublist4 .list_main li i { background-size: 11px 9px; padding-right: 20px; } .footer, .footer div, .footer a, .footer span, .footer i, .footer .icp { font-size: 14px; } .title { margin: 0 0 10px 0; height: 40px; line-height: 52px; } .title a.title_cont { font-size: 20px; } .title span { height: 52px; } .list .wapsublist1 { margin: 0; } .list .wapsublist6 { margin: 0 0 20px 0; } .list .wapsublist3 .list_main li { padding: 20px 24px; } .list .wapsublist5 .list_main li { padding: 20px 24px; } .hot { margin: 0 auto 10px; } .hot .hot_r { margin: 0; padding: 0; } .hot .hot_r li { margin: 0; padding: 10px 0; } .hot .hot_r li.hot_r_b { margin: 0; padding: 10px 0; } .hot .hot_r li>a { width: 150px; height: 98px; } .list .wapsublist1, .list .wapsublist2, .list .wapsublist3, .list .wapsublist4, .list .wapsublist5, .list .wapsublist6, .list .wapsublist7, .list .wapsublist8, .list .wapsublist9, .list .wapsublist10 { margin: 0 0 10px 0; } .list .wapsublist1 .list_main, .list .wapsublist2 .list_main, .list .wapsublist3 .list_main, .list .wapsublist4 .list_main, .list .wapsublist5 .list_main, .list .wapsublist6 .list_main, .list .wapsublist7 .list_main, .list .wapsublist8 .list_main, .list .wapsublist9 .list_main, .list .wapsublist10 .list_main { margin: 0; padding: 0; } .list .wapsublist1 .list_main li, .list .wapsublist2 .list_main li, .list .wapsublist3 .list_main li, .list .wapsublist4 .list_main li, .list .wapsublist5 .list_main li, .list .wapsublist6 .list_main li, .list .wapsublist7 .list_main li, .list .wapsublist8 .list_main li, .list .wapsublist9 .list_main li, .list .wapsublist10 .list_main li { width: auto; margin: 0; padding: 10px 24px; } .list .wapsublist1 .tab_menu { margin: 0 auto 10px; } .list .wapsublist1 .list_main li img { width: 150px; height: 98px; } .list .wapsublist1 .list_main li .list_main_r { margin: 0; } .list .wapsublist1 .list_main li img { margin: 0 0 0 24px; } .list .wapsublist4 .list_main li p { margin: 0; } .list .wapsublist6 .list_main li img { width: 150px; height: 98px; margin: 0 0 0 24px; } .list .wapsublist6 .list_main li a { display: block; } .list .wapsublist6 .list_main li .list_main_r { max-height: 98px; margin: 0; } .list .wapsublist6 .list_main li i { line-height: 24px; } .list .wapsublist6 .list_main li p { padding: 0; line-height: 24px; } .list .wapsublist6 .list_main li p { line-height: 1.5em; margin-right: 1em; height: 6em; } .list .wapsublist8 .list_main li a { width: 98px; height: 98px; } .list .wapsublist9 .list_main li { width: 30%; padding: 0; margin: 10px 0; } .list .wapsublist9 .list_main li.list_main_twoli { margin: 10px 5%; } .list .sublist11 { margin: 0 0 10px 0; } .list .sublist11 .list_main li { width: 46%; margin: 2%; } .list .sublist12 { margin: 0 0 10px 0; } .list .sublist13 { margin: 0 0 10px 0; } .list .sublist14 { margin: 0 0 10px 0; } .list .sublist15 { margin: 0 0 10px 0; } .list .sublist16 { margin: 0 0 10px 0; } .chLiteraryCriticism .list .sublist18, .chLiteraryCriticism .list .sublist18.one, .chLiteraryCriticism .list .sublist18.two, .chLiteraryCriticism .list .sublist18.three, .chLiteraryCriticism .list .sublist20, .chLiteraryCriticism .list .sublistabout { margin: 0 0 10px 0; } .artWorld .list .sublist20 { margin: 0 0 10px 0; } .artWorld .list .sublist20 .list_cont .list_main li { padding: 0 10px; display: block !important; } .artWorld .list .sublist20 .list_cont .list_main li.list_submain_first { padding: 10px; } .artWorld .list .sublist20.one { margin: 0 0 10px 0; } .clickThisNetwork .list .sublist20, .clickThisNetwork .list .sublist20.one, .clickThisNetwork .list .sublist20.two, .clickThisNetwork .list .sublist20.three, .clickThisNetwork .list .sublist20.four, .clickThisNetwork .list .sublistabout, .clickThisNetwork .list .sublistmenu { margin: 0 0 10px 0; } .clickThisNetwork .title a.more, .clickThisNetwork .list .sublist20>.title .more { right: 10px; } .clickThisNetwork .list .list_cont .list_main li { padding: 0 10px; } .clickThisNetwork .list .list_cont .list_main li.list_submain_first { padding: 0 10px 10px 10px; } .clickThisNetwork .list .sublist20.two .list_cont .list_main li { padding: 0 10px 10px 10px; } .clickThisNetwork .list .sublistabout .list_cont { padding: 0 10px; } .clickThisNetwork .list .sublist20.one .list_cont .list_main li { padding: 0 10px 10px 10px; margin: 0 0 10px 0; } .clickThisNetwork .list .sublist20 .list_main { margin: 0; } .clickThisNetwork .list .sublistmenu .list_cont a { padding: 0 10px; } .clickThisNetwork .list .sublist20 .list_cont .list_main li:first-child { padding: 10px; } .comment_details .list .sublistdetails { margin-bottom: 10px; } .comment_details .list_l .list_main { margin-bottom: 10px; } /* .details_tit .briefing{width:172px;} */ /* .details_tit .briefing span{width:100%;} */ .details_cont { padding: 10px; } .details_cont p { margin: 0 0 10px 0; /* text-align: center;*/ } .details_cont img { margin-bottom: 10px; height: auto !important; } .comment_details .previous_next { margin: 0; } .list .sublist20 .list_main li img { margin-right: 10px; } .list .sublist21 .list_main { margin: 0; } .list .sublist21 { margin-bottom: 10px; } .list .sublist21 .list_main li { padding-bottom: 10px; } .artReviewSite .list .list_r { margin-top: 10px; } .artReviewSite .list .sublist20 { margin: 0 0 10px 0; } .artReviewSite_home .list .sublist20 .list_main { padding: 10px 0 0 0; } .artReviewSite_home .list .sublist20 .list_main li.list_submain_first { padding: 0 10px 10px 10px; margin-bottom: 10px; } .artReviewSite_home .list .sublist20 .list_main li.list_submain_first.last { padding: 0 10px 10px 10px; } .artReviewSite_home .list .sublist20 { margin: 0 0 10px 0; } .artReviewSite_home .list .sublist20 .list_main li img { margin-right: 10px; } .artReviewSite_home .list .sublist21.last .list_main li p { font-size: 12px; } .artReviewSite_home .list .sublist21.last .list_main li.first p { height: 30px; line-height: 30px; font-size: 12px; } .artWorld_PolicyTheoryArticle .previous_next { margin: 10px 0; } .list .sublistthree { margin: 0 0 10px 0; } .about .list .sublistthree { padding: 10px; } .title1 { width: auto; padding: 10px; height: auto; line-height: 1.5em; } .links .sublistlinks { margin: 10px 0 0 0; } .links .list .list_r { margin: 10px 0 0 0; } .association .list .list_l .sublist12 .list_main li .list_main_r .pic a { width: 46%; margin: 0 2%; } .columns .list .sublist8 .list_main li { width: auto; float: none; padding: 0; } .map .map_l { float: none; } .adviser .title1 { margin: 0 0 10px 0; } .adviser .list .list_main li { padding: 10px 0; } .adviser .list .list_main li a { margin: 0 10px; } .majorCommittee .list .list_main li.details_cont { padding: 10px; } .page { margin: 0 0 10px 0; } .page a, .page span { padding: 6px 10px; margin: 0 4px 4px; font-size: 12px; } .footer_menub a { display: block; width: 22%; float: left; margin: 0 4% 0 0; text-indent: 20px; } .footer_menub a.one { background: url(../images/wap/footer_ico1.png) no-repeat 0 center; background-size: 16px 13px; } .footer_menub a.two { background: url(../images/wap/footer_ico2.png) no-repeat 0 center; background-size: 13px 13px; } .footer_menub a.three { background: url(../images/wap/footer_ico3.png) no-repeat 0 center; background-size: 16px 13px; } .footer_menub a.four { background: url(../images/wap/footer_ico4.png) no-repeat 0 center; background-size: 16px 11px; } .banner .headportrait .text p { line-height: 150%; font-size: 12px; } .text_gundong { margin: 0px auto 10px; padding: 0 10px; } .erweima_list { padding: 10px; } .erweima_list_li { margin: 0 0 10px; float: none; } .erweima_list_li:last-child { margin: 0; } .erweima_imgbox { padding: 4px; } } @media screen and (max-width:480px) { .header_wap .logo_text h1 { font-size: 16px; padding: 14px 0 8px 0; } .header_wap .navico { left: 10px; } .header_wap .search { right: 10px; } .logo_xc a { margin-right: 10px; } .logo_xc .logo_text { margin-left: 10px; } .hot .hot_r li h3 a { margin-left: 10px; } .hot .hot_r li>a { margin: 0 10px; } .list .wapsublist1 .list_main li img { margin-left: 10px; } .list .wapsublist1 .list_main li, .list .wapsublist2 .list_main li, .list .wapsublist3 .list_main li, .list .wapsublist4 .list_main li, .list .wapsublist5 .list_main li, .list .wapsublist6 .list_main li, .list .wapsublist7 .list_main li, .list .wapsublist8 .list_main li, .list .wapsublist10 .list_main li { width: auto; margin: 0; padding: 10px; } .list .wapsublist6 .list_main li img { margin-left: 0; margin-right: 10px; } .title a.title_cont { padding-left: 10px; } .title a.title_cont1 { margin-left: 0; padding-left: 20px; } .title a.title_cont2 { margin-left: 12px; padding-left: 0px; } .title a.title_cont1:before { content: ""; left: -5px; } .title a.title_cont2:before { content: ""; left: -24px; } .list .sublistthree { padding: 10px; } .details_tit { margin: 0; } /* .details_tit h1{margin:10px 0;} */ .details_cont { padding: 10px 0; } .artWorld_PolicyTheoryArticle .previous_next { padding: 10px; } .menu li { height: 42px; line-height: 42px; } .menu li a { height: 42px; line-height: 42px; font-size: 18px; } .footer { padding: 0 10px; } .list .wapsublist .list_main li a, .list .wapsublist .list_main li i, .list .wapsublist .list_main li p { font-size: 18px; } .title a.title_cont { font-size: 18px; } .hot .hot_r li h3 { font-size: 18px; } .list .wapsublist8 .list_main li span { font-size: 18px; } .list .wapsublist2 .list_main li span {} .list .wapsublist4 .list_main li span, .list .wapsublist4 .list_main li i { font-size: 14px; } .footer, .footer div, .footer a, .footer span, .footer i, .footer .icp { font-size: 12px; } .list .wapsublist8 .list_main li a { width: 80px; height: 80px; } .title { height: 42px; line-height: 42px; } .title span { height: 42px; } .footer_menut { padding: 0 0 20px; width: auto; height: auto; } .footer_menub { padding: 20px 0; } .list .sublist12 .list_main li { padding: 10px; } .list .sublist13 .list_main li { padding: 10px; } .list .sublist13 .list_main li h2 { padding: 10px; } .list .sublist14 .list_cont { padding: 10px; } .list .sublist15 .list_main li { padding: 10px; } .list .sublist16 .list_main li { padding: 0; } .cardV01 .list .sublist13 .list_main li, .cardV01 .list .parttwo, .cardV01 .list .partthree, .cardV01 .list .partfour { padding: 10px; } .cardV01 .list .sublist13 .list_main li .list_main_pic { float: none; display: none; margin-bottom: 10px; } .cardV01 .list .sublist13 .list_main li.oneli .list_main_pic { display: block; } .cardV01 .list .sublist13 .list_main li h2 { font-size: 16px; } .cardV01 .list h3 { font-size: 16px; } .list_l_wap .list_l_wap_top { left: 30px; } .chLiteraryCriticism .list .sublist18 .list_cont .list_main li { padding: 10px; } .chLiteraryCriticism .list .sublist20 .list_cont .list_main li { padding: 0 10px; } .chLiteraryCriticism .list .sublistabout .list_cont { padding: 10px; } .chLiteraryCriticism .list .sublist18.three .list_main li .list_main_pic { width: 129px; } .chLiteraryCriticism .list .sublist18.three .list_main li .list_main_pic img { width: 215px; } .list .sublist21 .list_main li { width: 46%; margin: 0 2%; } .artReviewSite .list .sublist20 .list_main { padding-top: 10px; } .artReviewSite .list .sublist20 .list_main li.list_submain_first { padding: 0 10px 10px; } .artReviewSite .list .sublist20 .list_main li { padding: 0 10px; } .artReviewSite .list .sublist20-1 .list_main li { padding: 10px; } .association .list .sublist12 { margin: 0 0 10px 0; } .association .list .sublist12>i.tit { margin: 4px 0 16px 10px; display: block; } .association .list .sublist12>i.tit a { font-size: 12px; } .association .list .sublist12 .list_main { margin: 0; } .association .sublist13 .list_main li.list_submain_last { padding: 10px; } .association .list .list_l .sublist12 .list_main li { padding: 0 10px; } .association .list .sublist12 .list_main li.list_submain_last { padding: 0 10px 10px; } .association .list .sublist4 .list_main li { padding: 0 10px; } .association .list .sublist4 .list_main li.list_submain_last { padding: 0 10px; } .association .list .sublist20 { margin-bottom: 10px; } .association .list .sublist20 .list_main { margin: 0; } .association .list .sublist20 .list_main li.list_submain_first { padding: 10px 10px 0; } .association .list .sublist20 .list_main li { padding: 0 10px; } .association .list .sublist20 .list_main li.list_submain_first.one { padding: 10px; } .association .list .list_l .sublist12 .list_main li .list_main_r .pic a p { padding: 0; height: 30px; line-height: 30px; } .association .list .list_l .sublist12 .list_main li .list_main_r p { padding: 0; } .association .list .sublistabout { padding: 10px; margin: 10px 0; } .sublistdetails .details_tit { margin: 0 10px; } .sublistdetails .details_cont { padding: 10px; } .criticsBooks .sublistthree { padding: 0; } .mycardchronology .list .sublist18 .list_main, .mycardchronology_details .list .sublist18 .list_main li { padding: 10px; } .mycomment .list .sublist18 .list_main li { padding: 10px; } .mycomment .list .sublist18 .list_main li .list_main_pic { margin-right: 10px; } .register .banner { margin-bottom: 10px; } .register .list .sublist12 .list_main { margin: 0; } .register .list .sublist13 .list_main li { padding: 10px; } .reviewCenter .details_cont { margin: 0 0 10px 0; padding: 10px; } .artReviewSite_home .list .sublist20 .list_main li .list_main_r>i .title { width: 110px; } .artReviewSite_home .list .sublist20 .list_main li .list_main_r>i .title span { height: 24px; } .footer { padding-bottom: 10px; } .hot .worm_list { overflow: hidden; } .hot .worm_list li { width: 49%; float: left; ; } .hot .worm_list li:nth-child(2n) { margin-left: 1%; } .hot .worm_list li:last-child { padding-top: 10px; } .hot .worm_list li img { padding: 0; width: 100%; box-sizing: border-box; } .hot .worm_list li>a { float: none; width: 100%; height: auto; margin: 0; box-sizing: border-box; padding: 10px; } } @media screen and (max-width:450px) { .logo_xc .logo_text h1 { font-size: 14px; padding: 14px 0 8px 0; } .list .wapsublist .list_main li a, .list .wapsublist .list_main li i, .list .wapsublist .list_main li p { font-size: 16px; } .title a.title_cont { font-size: 16px; } .hot .hot_r li h3 { font-size: 16px; } .list .wapsublist8 .list_main li span { font-size: 16px; } .list .wapsublist2 .list_main li span {} .list .wapsublist4 .list_main li span, .list .wapsublist4 .list_main li i { font-size: 14px; } .menu li a { font-size: 16px; } .hot .worm_list { overflow: hidden; } .hot .worm_list li { width: 49%; float: left; ; } .hot .worm_list li:nth-child(2n) { margin-left: 1%; } .hot .worm_list li:last-child { padding-top: 10px; } .hot .worm_list li img { padding: 0; width: 100%; box-sizing: border-box; } .hot .worm_list li>a { float: none; width: 100%; height: auto; margin: 0; box-sizing: border-box; padding: 10px; } } @media screen and (max-width:423px) { .logo_xc .logo_text h1 { font-size: 14px; padding: 8px 0 8px 0; } .list .wapsublist .list_main li a, .list .wapsublist .list_main li i, .list .wapsublist .list_main li p { font-size: 12px; } .hot .hot_r li h3 { font-size: 14px; } .list .wapsublist8 .list_main li span { font-size: 14px; } .list .wapsublist2 .list_main li span {} .list .wapsublist4 .list_main li span, .list .wapsublist4 .list_main li i { font-size: 12px; } .hot .worm_list { overflow: hidden; } .hot .worm_list li { width: 49%; float: left; ; } .hot .worm_list li:nth-child(2n) { margin-left: 1%; } .hot .worm_list li:last-child { padding-top: 10px; } .hot .worm_list li img { padding: 0; width: 100%; box-sizing: border-box; } .hot .worm_list li>a { float: none; width: 100%; height: auto; margin: 0; box-sizing: border-box; padding: 10px; } } @media screen and (max-width:384px) { .logo_xc .logo_text h1 { font-size: 14px; padding: 3px 0 0 0; } .footer_menut span { display: block; float: left; padding: 0 1%; } .footer_menut a { display: block; float: left; } .footer .icp span { display: block; } .footer .icp br:last-child { display: none; } .hot .worm_list { overflow: hidden; } .hot .worm_list li { width: 49%; float: left; ; } .hot .worm_list li:nth-child(2n) { margin-left: 1%; } .hot .worm_list li:last-child { padding-top: 10px; } .hot .worm_list li img { padding: 0; width: 100%; box-sizing: border-box; } .hot .worm_list li>a { float: none; width: 100%; height: auto; margin: 0; box-sizing: border-box; padding: 10px; } } @media screen and (max-width:375px) { .footer_menub a { white-space: nowrap; margin: 0 3% 0 0; text-indent: 18px; } .banner .headportrait { height: 70px; margin: -35px 0 0 0; } .banner .headportrait .icon { width: 70px; height: 70px; margin-right: 10px; } .banner .headportrait .text { height: 70px; } .mywritings .list_r .banner .headportrait, .mycomment .list_r .banner .headportrait, .mycardchronology .list_r .banner .headportrait, .mycardchronology_details .list_r .banner .headportrait { height: 80px; margin: -40px 0 0 0; } .mywritings .list_r .banner .headportrait .text, .mycomment .list_r .banner .headportrait .text, .mycardchronology .list_r .banner .headportrait .text, .mycardchronology_details .list_r .banner .headportrait .text { height: 80px; } .banner .headportrait .text h1 { font-size: 14px; padding: 4px 0; } .banner .headportrait .text p { font-size: 10px; } .banner .more { font-size: 12px; background-position: 62px -42px; } .page a, .page span { padding: 4px 8px; margin: 0 2px 4px; font-size: 12px; } .erweima_list_l { left: 5px; } .hot .worm_list { overflow: hidden; } .hot .worm_list li { width: 49%; float: left; ; } .hot .worm_list li:nth-child(2n) { margin-left: 1%; } .hot .worm_list li:last-child { padding-top: 10px; } .hot .worm_list li img { padding: 0; width: 100%; box-sizing: border-box; } .hot .worm_list li>a { float: none; width: 100%; height: auto; margin: 0; box-sizing: border-box; padding: 10px; } } @media screen and (max-width:350px) {} @media screen and (max-width:330px) { .title a.title_cont { font-size: 14px; } .menu li a { font-size: 14px; } .index .list .sublist4.wapsublist .list_main li a { font-size: 14px; } .hot .worm_list { overflow: hidden; } .hot .worm_list li { width: 49%; float: left; ; } .hot .worm_list li:nth-child(2n) { margin-left: 1%; } .hot .worm_list li:last-child { padding-top: 10px; } .hot .worm_list li img { padding: 0; width: 100%; box-sizing: border-box; } .hot .worm_list li>a { float: none; width: 100%; height: auto; margin: 0; box-sizing: border-box; padding: 10px; } } @media screen and (max-width:767px) { .banner .headportrait .icon, .banner .headportrait .text, .personimg { width: 100%; margin: auto; float: none; height: auto; } .personimg { width: 68px; margin-right: 20px; margin-bottom: 20px; position: absolute; bottom: 0; right: 0; } .banner .headportrait .text { width: calc(100% - 68px); margin: 0; } .banner .headportrait .text h1 { margin-top: 20px; } .artReviewSite_home .banner { padding: 20px; padding-bottom: 30px; box-sizing: border-box; } .artWorld.artReviewSite_home .banner { padding: 0px; } .hot .worm_list { overflow: hidden; } .hot .worm_list li { width: 49%; float: left; ; } .hot .worm_list li:nth-child(2n) { margin-left: 1%; } .hot .worm_list li:last-child { padding-top: 10px; } .hot .worm_list li img { padding: 0; width: 100%; box-sizing: border-box; } .hot .worm_list li>a { float: none; width: 100%; height: auto; margin: 0; box-sizing: border-box; padding: 10px; } }