@charset "utf-8";
body { background: #f6f6f6; overflow-x: hidden; overflow-y: auto; }
.width { width: 100%; padding: 0 40px; }
.loading { background: url(../images/loading.gif) no-repeat center center #fff; width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.ui-filter { background-color: #fff; padding: 20px 25px 5px 25px; border: 1px solid #eee; box-shadow: none; margin: 20px auto; width: 98%; }
.ui-filter .ui-row { padding-bottom: 10px; }
.ui-filter .ui-row .ui-filter-left { font-size: 16px; color: #1b2337; text-align: left; border-bottom: 1px solid #eee; padding-top: 12px; }
.ui-filter .ui-row .ui-filter-left span { padding: 10px; }
.ui-filter .ui-row .ui-filter-right { flex: 1; overflow: hidden; font-size: 0; border-bottom: 1px solid #eee; padding-bottom: 15px; }
.ui-filter .ui-row .ui-filter-right a { color: #333; border: 0; font-size: 14px; border: 0; padding: 4px 10px; }
.ui-filter .mycss1 .ui-filter-right a { min-width: 172px; }
.ui-filter .mycss1 .ui-filter-left p { text-align: center; padding-top: 18px; font-size: 12px; color: #999; }
.ui-filter .mycss1 .ui-filter-left p a { color: #333; }
.ui-filter .mycss1 .ui-filter-left p a:hover, .ui-filter .mycss1 .ui-filter-left p a.active { color: #fff; background: #ff4837; padding: 5px; }
.ui-filter .ui-row .ui-filter-right a:hover { color: #fff; background: #ff4837; border: 0; border-radius: 0px; }
.ui-filter .ui-row .ui-filter-right a.active { color: #fff; background: #ff4837; border: 0; border-radius: 0px; }
.ui-filter .ui-row .ui-filter-right a i { display: none; position: absolute; top: 0px; left: 5px; }
.ui-filter .mycss2 .ui-filter-right a { text-indent: -999px; position: relative; overflow: hidden; padding: 4px 15px; }
.ui-filter .mycss2 .ui-filter-right a:nth-child(1) { text-indent: 0px; padding: 4px 10px; }
.ui-filter .mycss2 .ui-filter-right a:nth-child(2) { background: #cb0000; }
.ui-filter .mycss2 .ui-filter-right a:nth-child(3) { background: #02af4f; }
.ui-filter .mycss2 .ui-filter-right a:nth-child(4) { background: #00adef; }
.ui-filter .mycss2 .ui-filter-right a:nth-child(5) { background: #f37b1d; }
.ui-filter .mycss2 .ui-filter-right a:nth-child(6) { background: #d0ae64; }
.ui-filter .mycss2 .ui-filter-right a:nth-child(7) { background: #ff5b8f; }
.ui-filter .mycss2 .ui-filter-right a:nth-child(8) { background: #892FE8; }
.ui-filter .mycss2 .ui-filter-right a:nth-child(9) { background: #fcaf01; }
.ui-filter .mycss2 .ui-filter-right a:nth-child(10) { background: url(../images/dc.png) no-repeat center center; }
.ui-filter .mycss2 .ui-filter-right a:nth-child(11) { background: #f6f6f6; }
.ui-filter .mycss2 .ui-filter-right a:nth-child(12) { background: #cccccc; }
.ui-filter .mycss2 .ui-filter-right a:nth-child(13) { background: #151515; }
.ui-filter .mycss2 .ui-filter-right a:nth-child(14) { background: url(../images/zgf.png) no-repeat center center; }
.ui-filter .mycss2 .ui-filter-right a:nth-child(15) { background: #0abbb9; }
.ui-filter .mycss2 .ui-filter-right a:nth-child(16) { background: #000; }
.ui-filter .mycss2 .ui-filter-right a.active i { display: block; color: #FFF; text-indent: 0px; }
.item-image button { background-color: transparent; border: 0; margin: 0; padding: 0; display: block; }
.item-text button { background-color: transparent; border: 0; display: block; width: 100%; }
.ui-filter .ui-row:last-child div { border: 0; }
.temp-list { margin: 0; min-height: 300px; }
.temp-list-wrap { display: flex; flex-wrap: wrap; padding: 5px 0; }
.temp-list-item { width: 20%; margin-bottom: 40px; position: relative; }
.temp-list-item .ui-ring { right: 12px; }
.temp-list-item .ui-ring.left { left: 10px; }
.temp-list-box { background: #fff; width: 90%; transition: all .2s linear; -webkit-transition: all .2s linear; -ms-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; margin: 3px auto 0; position: relative; box-shadow: 0px 0px 2px #dddddd; overflow: hidden; }
.my-bk { border: #eee 1px solid; border-radius: 5px 5px 0 0; }
.temp-list-box:hover { box-shadow: 0 0 .8px rgba(38,45,61,.08), 0 .8px 3.2px rgba(38,45,61,.04), 0 4.8px 9.6px rgba(38,45,61,.14); border-color: #e1e6f0; -webkit-transform: translate3d(0, -3px, 0); -ms-transform: translate3d(0, -3px, 0); -moz-transform: translate3d(0, -3px, 0); -o-transform: translate3d(0, -3px, 0); transform: translate3d(0, -3px, 0); }
.ilike { position: absolute; background: rgba(0,0,0,.6); padding: 3px 10px; font-size: 12px; color: #FFF; top: 40px; left: -100px; transition: all .2s linear; -webkit-transition: all .2s linear; -ms-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; z-index: 99; }
.ilike a { font-size: 12px; color: #FFF; }
.ilike i { margin-right: 5px; font-size: 18px; }
.temp-list-box:hover .ilike { top: 40px; left: 0px; }
.hits { position: absolute; background: rgba(0,0,0,.6); padding: 3px 10px; font-size: 12px; color: #FFF; top: 90px; left: -100px; transition: all .4s linear; -webkit-transition: all .4s linear; -ms-transition: all .4s linear; -moz-transition: all .4s linear; -o-transition: all .4s linear; z-index: 99; }
.hits i { margin-right: 5px; font-size: 18px; }
.temp-list-box:hover .hits { top: 90px; left: 0px; }
.date { position: absolute; background: rgba(0,0,0,.6); padding: 5px 10px; font-size: 14px; color: #FFF; top: 12%; right: 0px; z-index: 99; }
.temp-list-box .item-image { position: relative; overflow: hidden; padding-bottom: 100%; background: #F8FBFF; border-radius: 5px 5px 0 0; }
.temp-list-box .item-image img { width: 100%; min-height: 100%; height: auto; position: absolute; z-index: 1; transition: all .5s; border-radius: 5px 5px 0 0; }
.temp-list-box:hover .item-image img { transform: scale(1.05); }
.white, .whites { position: relative; overflow: hidden; }
.white:after, .whites:after { content: ''; position: absolute; left: -100%; top: 0; width: 100%; height: 100%; background-image: -moz-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,.5), rgba(255,255,255,0)); transform: skewx(-25deg); z-index: 2; }
.temp-list-box:hover .white:after { left: 100%; -moz-transition: 1s; -o-transition: 1s; -webkit-transition: 1s; transition: 1s; }
.temp-list-box:hover .whites:after { left: 100%; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; }
.temp-list-box .item-image svg { width: 100%; height: 100%; text-anchor: middle; border-radius: 8px 8px 0 0; font-size: 20px; position: absolute; }
.temp-list-box .item-text { padding: 15px 15px 5px 15px; }
.my-line { height: 10px; position: relative; margin: 6px 15px 15px 15px; border-bottom: #eee 1px solid; }
.my-line i { display: inline-block; width: 24px; height: 9px; position: absolute; bottom: -1px; left: 9px; background: url(../images/up.png) center no-repeat; }
.temp-list-box .item-text a { font-size: 16px; line-height: 40px; height: 40px; display: block; }
.temp-list-box .item-text p { color: #a1abc2; line-height: 24px; height: 50px; font-size: 13px; overflow: hidden; }
.temp-list-box .item-footer { padding: 0 20px 20px 20px; display: flex; justify-content: space-between; align-items: center; border-radius: 0 0 8px 8px; min-height: 55px; }
.temp-list-box .item-footer .url button { padding: 1px 6px; background: #19be6b; color: #FFF; border-radius: 2px; font-size: 14px; border: 0; outline: 0; }
.temp-list-box .item-footer .url i { margin-right: 5px; font-size: 18px; }
.temp-list-box .item-footer .url button:hover { background: #ff4837; }
/* public begin */
.ui-piclist-title { padding: 6px 10px; }
.ui-piclist-image img { transition: all 1s }
.ui-piclist-image:hover img { transform: scale(1.2); }
.ui-box { box-shadow: 0px 0px 30px rgba(0,0,0,0.1); border: 1px solid #f3f3f3; background: #fff; }
.ui-box-radius { border-radius: 20px 0 0 0; }
.ui-box-radius .ui-box-title { border-radius: 20px 0 0 0; }
.ui-box-title { background: linear-gradient(90deg, #0E77EA 0%, #1e50ae 100%); color: #fff; font-size: 24px; font-weight: 400; padding: 30px; }
.ui-box-title span { display: block; font-size: 14px; color: #eaeaea; font-weight: 300; text-transform: uppercase; line-height: 30px; }
.ui-collapse-menu { margin: 15px 0; }
.ui-collapse-menu-title a { transition: all 0.5s ease; }
.ui-collapse-menu-title:hover a { padding-left: 10px; }
.ui-collapse-menu-body li a { transition: all 0.5s ease; }
.ui-collapse-menu-body li a:hover { padding-left: 10px; }
.ui-collapse-menu-body li i { color: #999; }
.ui-collapse-menu-body ul li.active i { color: #1890FF; }
.ui-collapse-menu-body ul li.active a { color: #1890FF; }
.ui-box-h2 { font-size: 24px; padding: 20px 30px; border-bottom: 1px solid #eaeaea; position: relative; }
.ui-box-h2:after { position: absolute; display: block; content: ""; border-bottom: 3px solid #0E77EA; bottom: 0; left: 30px; width: 45px; }
.ui-box-body { padding: 25px 30px; word-break: break-all; min-height: 380px; }
.ui-box-body .col-10 { max-width: 760px; }
.ui-box-body img, .ui-box-body p img { max-width: 100%; }
.ui-box-body p { margin-bottom: 20px; line-height: 24px; }
.ui-box-body .content a { color: #03C; }
.ui-box-body .content a:hover { color: #f30; }
.artlist { }
.artlist-item { display: flex; justify-content: space-between; border-bottom: 1px solid rgba(0,0,0,.06); min-height: 160px; padding: 30px 0; }
.artlist-item:first-child { padding-top: 10px; }
.artlist-item-image { width: 200px; margin-right: 30px; }
.artlist-item-image img { width: 100%; max-height: 140px; border-radius: 4px; }
.artlist-item-image svg { width: 100%; text-anchor: middle; border-radius: 4px; border: 1px solid #eaeaea; }
.artlist-item-body { flex: 1; overflow: hidden; padding-right: 20px; }
.artlist-item-body .title { font-size: 20px; font-weight: bold; }
.artlist-item-body .desc { font-size: 16px; color: #666; line-height: 40px; margin-top: 15px; }
.artlist-item-body .desc p { margin: 0; }
.artlist-item-body .tags { color: #999; margin-top: 15px; }
.artlist-item-body .tags a { margin: 0 6px; font-size: 15px; font-family: arial, microsoft yahei; color: #666; }
.artlist-item-body .tags a:hover { color: #f30; }
.artlist-item-date { width: 120px; padding: 40px 0 0 40px; font-size: 28px; color: #999; font-weight: 300; position: relative; }
.artlist-item-date:after { display: block; content: ""; width: 1px; height: 60px; background: #f3f3f3; left: 10px; top: 32px; position: absolute; }
.artlist-item-money { width: 200px; font-size: 18px; color: #F60; }
.artlist-item-money span { display: block; font-size: 16px; color: #333; line-height: 36px; font-weight: bold; }
.artlist-item-money:after { height: 80%; }
.artlist-item:hover .artlist-item-date { color: #1890FF; }
.artlist-item:hover .artlist-item-body .title { color: #1890FF; }
.artlist-item:hover .artlist-item-body .desc { color: #333; }
.artshow { }
.artshow h1 { font-size: 24px; font-weight: bold; margin: 0; }
.artshow .info { line-height: 50px; border-bottom: 1px solid #f3f3f3; margin-bottom: 20px; color: #666; }
.artshow .info span { color: #999; }
.artshow .info i { color: #ccc; margin-right: 5px; }
.artshow .other { margin: 15px 0; padding: 0px; }
.artshow .other ul { overflow: hidden; list-style: none; display: flex; flex-wrap: wrap; }
.artshow .other ul li { width: 25%; line-height: 40px; }
.artshow .other ul li span { color: #999; }
.artshow .content a { color: #03C; }
.artshow .content a:hover { color: #f30; }
.artshow .content p { margin-bottom: 20px; line-height: 30px; }
.artshow .content img { max-width: 100%; }
.artshow .action { display: flex; justify-content: center; margin: 30px 0 10px 0; }
.artshow .action a { display: block; cursor: pointer; margin: 0 15px; width: 70px; height: 70px; margin-bottom: 10px; line-height: 60px; text-align: center; border-radius: 50%; box-shadow: 0px 0px 30px rgba(0,0,0,0.1); position: relative; }
.artshow .action a i { font-size: 30px; color: #999; }
.artshow .action a em { display: block; font-family: verdana; color: #999; position: absolute; bottom: -15px; left: 0; right: 0; }
.artshow .action a:hover { box-shadow: 0px 0px 30px rgba(0,132,255,0.3) }
.artshow .action a:hover i { color: #1890FF; }
.artshow .tags { color: #999; margin: 15px 0; }
.artshow .tags a { margin: 0 10px 10px 0; }
.proshow { }
.proshow .col-left { width: 55%; border-right: 1px solid #f3f3f3; padding: 20px 3%; }
.proshow .col-left .big_pic { text-align: center; }
.proshow .col-left .big_pic img { max-width: 100%; }
.proshow .col-left .thumb_pic { margin: 30px 0 0 0; text-align: center; }
.proshow .col-left .thumb_pic ul { margin: 0 auto; }
.proshow .col-left .thumb_pic ul li { display: inline-block; margin-right: 5px; width: 60px; height: 60px; border: 1px solid #eaeaea; padding: 0px; cursor: pointer; position: relative; z-index: 1; }
.proshow .col-left .thumb_pic ul li.active { border: 1px solid #2DB7F5; background: #fff; }
.proshow .col-left .thumb_pic ul li.active:after { content: " "; position: absolute; right: 24px; top: -5px; width: 11px; height: 11px; border: #2DB7F5 solid 1px; border-bottom: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background: #fff; z-index: -1 }
.proshow .col-right { width: 45%; padding: 20px 3%; }
.proshow .col-right h1 { font-size: 24px; font-weight: bold; }
.proshow .col-right .intro { color: #888; margin: 10px 0; }
.proshow .col-right .attribute { list-style: none; margin: 10px 0; }
.proshow .col-right .attribute li { line-height: 30px; }
.proshow .col-right .attribute li em { display: inline-block; width: 60px; font-style: normal; color: #999; }
.proshow .col-right .price { font-size: 14px; line-height: 30px; margin: 20px 0; }
.proshow .col-right .price span { font-size: 26px; color: #f60; }
.proshow .col-right .price em { font-size: 12px; color: #999; font-style: normal; padding-left: 5px; }
.proshow .col-right .tags { color: #999; margin: 15px 0; }
.proshow .col-right .tags a { margin: 0 10px 10px 0; }
.proshow_content { padding: 20px 0; }
.proshow_content a { color: #03C; }
.proshow_content a:hover { color: #f30; }
.proshow_content p { margin-bottom: 20px; line-height: 24px; }
.proshow_content p img { max-width: 100%; }
.proshow_content .extend { list-style: none; }
.proshow_content .extend li { font-size: 15px; line-height: 30px; }
.proshow_content .extend li em { display: inline-block; width: 120px; font-style: normal; color: #999; font-size: 15px; margin-right: 15px; }
.quicklogin { padding: 20px 0; text-align: center; }
.quicklogin .line { margin: 20px auto; max-width: 86%; font-weight: 400; font-size: 18px; color: #666; }
.quicklogin a { display: inline-block; text-align: center; margin: 0 10px; color: #999; font-size: 12px; transition: all .3s ease 0s; }
.quicklogin a:hover { transform: translate3d(0, -5px, 0); }
.quicklogin a span { display: block; width: 45px; line-height: 45px; border-radius: 50%; text-align: center; background: #f3f3f3; font-size: 24px; margin-bottom: 10px; }
.quicklogin a span.blue { background: #E7F7FE; color: #1890FF; }
.quicklogin a span.red { background: #FFF1F8; color: #ED4014; }
.quicklogin a span.green { background: #E6F8E6; color: #19BE6B; }
.api_user { padding: 0 0 20px 60px; margin-bottom: 20px; }
.api_user span { color: #1890ff; }
.api_user a { color: #f30; }
.user_info { padding: 20px 30px; display: flex; }
.user_info .face { width: 160px; padding-right: 20px; cursor: pointer; }
.user_info .face img { border-radius: 50%; border: 1px solid #f3f3f3; padding: 4px; width: 120px; height: 120px; }
.user_info .info { flex: 1; overflow: hidden; }
.user_info .info p { margin: 0; padding: 10px 0; }
.user_info .info p span { color: #f30; }
.user_info .info ul { margin: 0; padding: 0; list-style: none; }
.user_info .info ul li { font-size: 16px; line-height: 55px; height: 55px; border-bottom: 1px dashed #eee; vertical-align: middle; float: left; width: 45%; margin-right: 5%; }
.user_info .info ul li span { color: #f30; }
.user_info .info ul li em { color: #999; font-style: normal; display: inline-block; margin-right: 5px; }
.pay { margin: 0 0 -10px; padding: 0; list-style: none; display: flex; }
.pay li { min-width: 200px; margin: 0 10px 10px 0; cursor: pointer; }
.pay li div { border: 1px solid #efefef; text-align: center; position: relative; }
.pay li div img { max-width: 100%; height: 65px; }
.pay li div i { position: absolute; right: 2px; bottom: 0px; font-size: 12px; color: #fff; z-index: 10; display: none; }
.pay .active div:before { position: absolute; content: ""; right: 0; bottom: 0; color: #1890FF; width: 0; height: 0; border-bottom: 30px solid #1890FF; border-left: 30px solid transparent; z-index: 10; }
.pay .active div { border-color: #90BAFF; }
.pay .active div i { display: block; }
.order-base { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; padding: 0 20px 20px; }
.order-base-left { flex: 1; overflow: hidden; border-right: 1px solid #f3f3f3; }
.order-base-left h1 { font-size: 24px; font-weight: 400; color: #666; }
.order-base-left h1 i { font-size: 34px; color: #1890FF; margin-right: 10px; }
.order-base-left p { padding-left: 46px; color: #f30; margin: 0; }
.order-base-left p span { color: #999; }
.order-base-right { text-align: center; font-size: 18px; font-weight: 400; color: #999; padding-left: 30px; }
.order-base-right em { color: #f30; }
.order-goods { border: 1px solid #f3f3f3; border-radius: 4px; }
.order-goods .ui-collapse-menu-title a { font-size: 16px; }
.order-goods .ui-collapse-menu-title a:hover { padding-left: 0; }
.order-goods .ui-collapse-menu-title.active { background: #fafafa; }
.order-goods .ui-collapse-menu-title.active a { color: #1890FF; }
.order-goods .ui-collapse-menu-title a span { color: #1890FF; font-size: 16px; margin-right: 15px; }
.order-goods .ui-collapse-menu-body li span { color: #999; }
.order-goods .ui-collapse-menu-body li:last-child { border-bottom: 0; }
.order-pay { margin: 20px 0; }
.order-pay ul { max-width: 50%; }
/*BBS*/
.bbs { position: relative; }
.bbs-left { width: 300px; padding: 30px 0; }
.bbs-left-title { color: #526069; font-weight: 500; font-size: 20px; padding-left: 30px; }
.bbs-left-nav { list-style: none; margin: 20px 0; }
.bbs-left-nav li { line-height: 45px; margin-bottom: 1px; }
.bbs-left-nav li a { color: #76838f; display: block; font-weight: 500; padding-left: 30px; font-size: 16px; }
.bbs-left-nav li a i { font-size: 20px; margin-right: 10px; }
.bbs-left-nav li a:hover { color: #1890FF; background: #eaf7ff; }
.bbs-left-nav li a:hover i { color: #1890FF; }
.bbs-left-nav li.active a { color: #1890FF; background: #eaf7ff; }
.bbs-left-nav li.active a:hover i { color: #1890FF; }
.bbs_search { padding: 15px 30px; }
.bbs-right { flex: 1; overflow: hidden; border-left: 1px solid #e4eaec; padding: 30px; min-height: 360px; }
.bbs-right-title { color: #526069; font-weight: bold; font-size: 18px; position: relative; }
.bbs-right-title a { position: absolute; right: 0; top: 0; font-size: 16px; font-weight: normal; background: #40A9FF; color: #fff; border-radius: 20px; display: block; padding: 10px 30px; }
.bbs-right-title a:hover { background: #1890FF; }
.bbs-right .ui-tabs-nav a { padding: 10px 20px; }
.bbs-topic { margin: 0; }
.bbs-topic-item { display: flex; justify-content: space-between; padding: 20px 20px 20px 30px; border-bottom: 1px solid #f3f3f3; }
.bbs-topic-item .face { width: 40px; height: 40px; }
.bbs-topic-item .face img { width: 100%; height: 100%; border-radius: 100%; }
.bbs-topic-item .body { flex: 1; overflow: hidden; padding: 0 20px; }
.bbs-topic-item .body em { background: #f30; color: #fff; display: inline-block; padding: 4px 8px; margin: 0 5px; font-size: 12px; border-radius: 4px; border: 0; }
.bbs-topic-item .body a { color: #666; }
.bbs-topic-item .body a:hover { color: #333; }
.bbs-topic-item .body .desc { color: #a3afb7; }
.bbs-topic-item .other { width: 100px; padding-left: 20px; font-size: 12px; color: #333; }
.bbs-topic-item .other i { color: #ccc; margin-right: 5px; }
.bbs-topic-item:hover { background: #f5fbff; }
.bbs-post { margin-top: 30px; }
.bbs-post .ui-col-2 { text-align: right; color: #999; }
.bbs-post .ui-col-10 { max-width: 760px; }
.bbs-show { margin-top: 0px; }
.bbs-show .tip { color: #76838f; background: #ecf4ff; display: inline-block; padding: 15px 20px; border-left: 3px solid #3e8ef7; border-radius: 2px; }
.bbs-show .tip a { color: #06f; margin: 0 10px; }
.bbs-show .tip a:hover { color: #f30; }
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
td, th { border: 1px solid #eaeaea; padding: 10px; }
.ui-sidebar { position: fixed; right: 0; top: 0; display: flex; align-items: center; z-index: 98; }
.ui-sidebar ul { border-radius: 0; }
.ui-sidebar ul li:first-child, .ui-sidebar ul li:first-child a { border-radius: 0; }
.ui-sidebar ul li:last-child, .ui-sidebar ul li:last-child a { border-radius: 0; }
.ui-sidebar ul li a { width: 70px; line-height: 60px; }
.ui-sidebar ul li a i { font-size: 28px; }
.ui-sidebar ul li div { line-height: 60px; font-size: 16px; min-width: 120px; }
.ui-sidebar ul li:hover div { right: 80px; }
.ui-sidebar ul li a { color: #246FDD; }
.ui-sidebar ul li a:hover { background: #246FDD; border-color: #246FDD; }
.ui-sidebar ul li.active a { background: #246FDD; border-color: #246FDD; }
.ui-card-book { border: 1px solid #DFEDFF; border-radius: 0 20px 0 0; }
.ui-card-book .ui-card-header { padding: 10px 25px; line-height: 30px; background: #F8FBFF; border-bottom: 1px solid #DFEDFF; border-radius: 0 20px 0 0; }
.ui-card-book .ui-card-header .ui-card-header-title { border: 0; padding: 0; }
.ui-card-book .ui-card-body { padding: 20px 25px 15px 25px; word-break: break-all; }
.ui-card-book .ui-card-footer { border-top: 0; padding: 0 25px 20px 25px; }
.topsearch { width: 560px; margin: 0 auto; padding: 80px 0 40px 0; }
.topsearch h2 { padding-bottom: 40px; text-align: center; font-size: 26px; font-weight: normal; }
.topsearch .ui-input-group .after { padding: 0 20px; color: #fff; border: 1px solid #ff4837; border-left: 0; background: #ff4837; }
.min-close { cursor: pointer; background: #246FDD; color: #FFF; font-size: 12px; padding: 5px 12px 6px 10px; width: 60px; border-bottom-right-radius: 20px; border-top-right-radius: 20px; line-height: normal; display: block; font-style: normal; position: fixed; left: 0px; bottom: 100px; z-index: 90; transition: all 0.3s; }
.min-close:hover { text-indent: 6px; background: #000; }
.min-open { cursor: pointer; background: #d81e06; color: #FFF; font-size: 12px; padding: 5px 15px 6px 10px; width: 80px; border-bottom-right-radius: 20px; border-top-right-radius: 20px; line-height: normal; display: block; font-style: normal; position: fixed; left: 0px; bottom: 60px; z-index: 90; transition: all 0.3s; }
.min-open:hover { text-indent: 6px; background: #000; }
.min-open1 { cursor: pointer; background: #19be6b; color: #FFF; font-size: 14px; padding: 5px 15px 6px 10px; width: 100px; border-bottom-right-radius: 20px; border-top-right-radius: 20px; line-height: normal; display: block; font-style: normal; position: fixed; left: 0px; bottom: 20px; z-index: 90; transition: all 0.3s; }
.min-open1:hover { text-indent: 6px; background: #000; }
 @media screen and (min-width: 1800px) {
.temp-list-item { width: 20%; }
}
 @media screen and (max-width: 1440px) {
}
 @media screen and (max-width: 1200px) {
.temp-list-item { width: 25%; }
.width { padding: 0 5px; }
}
 @media screen and (max-width: 960px) {
.temp-list-item { width: 50%; }
.width { padding: 0 5px; }
}
 @media screen and (max-width: 560px) {
.topsearch { width: 90%; margin: 0 auto; padding: 50px 0 0px 0; }
.ui-box-h2 { padding-top: 0; }
.topsearch h2 { padding-bottom: 15px; text-align: center; font-size: 22px; }
.width { padding: 0px; }
.temp-list-item { width: 100%; }
.temp-list-box .item-text a { font-size: 14px; line-height: 30px; height: 30px; display: block; }
.temp-list-box .item-footer { padding: 0 20px 20px 20px; min-height: 35px; font-size: 14px; }
.ui-filter { padding: 10px 5px; }
.ui-filter .ui-row .ui-filter-left { font-size: 12px; padding-top: 8px; }
.ui-filter .ui-row .ui-filter-left span { padding: 5px; }
.ui-filter .ui-row .ui-filter-right { padding-bottom: 10px; }
.ui-filter .mycss1 .ui-filter-right a { min-width: 140px; }
.ui-filter .ui-row .ui-filter-right a { font-size: 12px; padding: 3px 6px; }
.ui-filter .mycss2 .ui-filter-right a { padding: 3px 12px; }
.ui-filter .mycss2 .ui-filter-right a i { font-size: 14px; top: 2px; }
.ui-filter .mycss2 .ui-filter-right a:nth-child(1) { padding: 3px 6px; }
.ui-filter .mycss1 .ui-filter-right a { margin-right: 15px; }
.ui-filter .mycss1 .ui-filter-right a:nth-of-type(2n) { margin-right: 0; }
}