<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.shorttop { height: 35px; min-width:1210px; line-height:35px;font-family: "Microsoft YaHei"; border-bottom:2px solid #de4348;background: #fff;}
body{ min-width:1210px; position:relative; height:100vh;background: #f4f4f4}
.login{ float:right;}
.login li{ float:left; width:auto; padding:0 5px}
.login li a{ color:#888}
.topnav{ float:left}
.topnav li{ float:left; margin-right:20px}
.topnav li a:hover{ text-decoration:none}
.topnav li.active a{ color:#ea3d3d}
.xgt-logo{ display:block; float:left; height:35px; width:80px; margin-right:20px; background:url(../images/xgt-logo.jpg) no-repeat center;}
.meitu-bread{ border-top: 1px solid #f1f1f1; height:40px;font-family: "Microsoft YaHei"; border-bottom:1px solid #f1f1f1; padding:0 20px;background: #f4f4f4;}
.meitu-bread dl{ line-height:40px}

.meitu-bread dl dd,.meitu-bread dl dt{ float:left}
.meitu-bread dl dd{ margin:0 5px;color:#333}
.meitu-bread dl dt a{ color:#333}
.meitu-bread dl dt a:hover{ color:#ea3d3d; text-decoration:none}

.meitu-wechat{ background:url(../images/wechat.jpg) no-repeat 0 8px; float:right; padding-left:30px; line-height:40px; color: #32A064; cursor:pointer; position:relative}
.meitu-wechat .dmap{ display:none; position:absolute;width:170px; border:1px solid #eee; background:#fff; text-align:center; padding:10px; right:0; top:35px; z-index:9999}
.meitu-wechat .dmap h1{ color:#888; font-size:14px; position:relative}
.meitu-wechat:hover .dmap{ display:block}
.meitu-wechat span{ display:block; position:absolute; background:url(../images/uptip.png); width:15px; height:8px; top:-18px; right:10px}

.meitu-wrap{ padding:0 20px;  overflow:hidden}
.left-sider{ width:268px;overflow:auto; position:absolute; top:120px; bottom:0; right:0;height: 810px\0;}
.right-sider {
    position: absolute;
    right: 275px;
    left: 0;
    top: 158px;/*ä¿®æ”¹*/
    bottom: 0;
    min-width: 870px;
    height: 800px\9
}
.right-box{
    border:1px solid #ddd;
    padding:10px;
    font-family:Microsoft YaHei;
    overflow:hidden;
    background-color: #fff;
}
.right-tit{ font-size:16px; padding-bottom:8px; margin-bottom:8px}
.bq-list li{ float:left; margin-right:20px; line-height:25px; margin-bottom:5px}
.bq-list li a{ color:#888}


.left-sider::-webkit-scrollbar-track{ background:#f7f7f7}
.left-sider::-webkit-scrollbar{ height:10px; width:8px; position:absolute}
.left-sider::-webkit-scrollbar-thumb { border-radius:50px; border:1px solid #f7f7f7; background:#e1e1e1; margin:1px; }

.right-sider .main{ position:relative; height:100%; width:100%}

/*æœ¬ç«™é€šç”¨*/
.clearborderright{border-right:none !important;}
.none{display:none;}
.margintop20{margin-top:20px;}
.color1{color:White;}
.color2{color:#333333;}
/*å›¾ç‰‡ç‰¹æ•ˆ*/
.piccontext{ position:absolute; width:100%; min-width:880px;background:white;overflow:hidden; bottom:0; top:0px; left:0}
.piccontext h2{min-width:880px;height:46px;line-height:46px;overflow:hidden;font-size:20px;color:#2c2c2c;margin-top:18px;margin-left:25px;font-weight:normal;}
.source{min-width:880px;height:70px;line-height:70px;padding-left:20px;background: #f4f4f4;margin-top: -15px;}
.source_left{float:left;font-size:24px;font-family:"Microsoft Yahei";}
.source_left a{color:#666666;}
.source_left a:hover{color:#ff5d11;text-decoration:underline;}
.source_left h1{display:block;float:left;color:#000;font-weight:normal;}
.source_right{float:right;height:42px;color:#666666;margin-right: 260px;}
.support .likeit{float:left;font-size:14px; height:42px; line-height:42px;color: #333; padding:0 5px;margin-left:30px;font-family: "Microsoft Yahei"; cursor:pointer}
.support .likeit i.fa{font-size: 25px;float: left;line-height: 42px;}
.source_right a{color:#666666; display:inline-block}
.source_right span{padding:0px 10px;}
.support .likeit span{padding-right: 0;}
.source_right1{float:right;height:20px;color:#666666;display:none;}
.support {
    height: 30px;
}
.support img{padding:0px 5px;}


.support .share{
    float: right;
    font-size: 26px;
    line-height: 24px;
    margin-top: 0;
    position: relative;
}
.mark-box{
    float: left;
    cursor: pointer;
}
.mark-box i{float: left;margin-top: 9px;}
.mark-box span{
    float: left;
    line-height: 42px;
    display: block;
}
.support .share i.fa{
    cursor: pointer;
    position: relative;
    color: #333;
}

.support .line{
    color: #c4c4c4;
    margin-left: 15px;
    margin-right: 10px;
    margin-top: 0 !important;
    float: right !important;
}
.share .share-alt{
    width: 21px;
    height: 23px;
    display: inline-block;
    background: url(/assets/home/v3/meitu/images/share-alt.png);
}
.font-limit{font-size: 14px;}
.share-pop{
        width: 123px;
    height: 173px;
    background: #404040;
    position: absolute;
    left: 138px;
    top: 28px;
    z-index: 999;
    font-size: 14px;
    color: #fff;
    display: none;
}
.share-pop ul li{
    margin-left: 15px;
    margin-top: 15px;
    line-height: 24px;
    cursor: pointer;
}

.share-pop li.haoyou a{
    background-position: 0 -25px;
}
.share-pop li.qq a{
    background-position: 0 0px ;
}
.share-pop li.weibo a{
    background-position: 0 -50px;
}
.share-pop li.qzone a{
    background-position: 0 -75px;
}

.share-pop ul li.haoyou:hover a{

    background-position: 0 -125px;
}
.share-pop ul li.qq:hover a{

    background-position: 0 -100px;
}
.share-pop ul li.weibo:hover a{

    background-position: 0 -150px;
}
.share-pop ul li.qzone:hover a{

    background-position: 0 -175px;
}


.share-pop a {
    display: inline-block; color:#fff;
    margin:0px;
    padding:0px;
    background:none;
    height:auto;
}
.share-pop .bdshare-button-style0-24 a, .share-pop .bdshare-button-style0-24 .bds_more{
    height: 25px !important;
    color: #fff !important;
    font-size: 14px !important;
    background-image: url(/assets/home/v3/meitu/images/share-icon.png) !important;
}

.share-pop .bdshare-button-style0-24 a:hover{
    opacity: 1 !important;
}

.spell{background:url("../pic/spel.jpg") 0px 3px no-repeat;padding-left:23px;}
a.spell:hover{background:url("../pic/spel_1.jpg") 1px 3px no-repeat;}
.list{background:url("../pic/list.jpg") 1px 4px no-repeat;padding-left:23px;}
a.list:hover{background:url("../pic/list_1.jpg") 0px 3px no-repeat;}
/*å¤§å›¾å±•ç¤º*/
.picshow{
    position:absolute;
    /*overflow: hidden;*/
    left:0; right:0;top:10px;
    bottom:110px;
    min-width:880px;
    background: #fff;
    transition: all 0.1s;
    -moz-transition: all 0.1s; /* Firefox 4 */
    -webkit-transition: all 0.1s; /* Safari and Chrome */
    margin-bottom: 100px;
}
.picshow:hover .pic-zb-btn{ display:block}
.pic-zb-btn {
    float: right;
    margin-right: 10px;
    margin-top: 6px;
}
.pic-zb-btn a{
    margin-right:1px;
    float:left;
    font-size:14px;
    display:block;
    width:140px;
    text-align:center;
    line-height:25px;
    border-radius: 5px;
    font-family: 'microsoft yahei'
}
.pic-zb-btn #getBJ{
    color: #fb8920;
    border: 1px solid #fb8920;
    margin-right: 25px;
}

.pic-zb-btn #getBJ:hover{
    background-color: #fb8920;
    color: #fff;
}

.pic-zb-btn #getSJ{
    color: #ff5353;
    border: 1px solid #ff5353;
}

.pic-zb-btn #getSJ:hover{
    background-color: #ff5353;
    color: #fff;
}

.pic-zb-btn a:hover{color:#fff;text-decoration:none;}
.imgwrap {
    max-height: 750px;
    width: 1200px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    /* overflow: hidden; */
}
.imgwrap img{height: 100%}
.picshowtop{ vertical-align:middle; text-align:center;position: absolute; display:block; overflow:hidden;z-index:1; height:100%; top:0; bottom:0; left:0; right:0}
.picshowtop a {
    max-height: 100%;
    top: 0;
    bottom: 10px;
    height: 100%;
    height: calc(100% - 10px);/*ä¿®æ”¹*//*transform: translateY(50%);*/
    display: block
}
.picshowtop img {
    width: auto;/*ä¿®æ”¹*//*transform: translateY(-50%);*/
    width: 100%;
    transition: all 0.2s;
    -moz-transition: all 0.2s; /* Firefox 4 */
    -webkit-transition: all 0.2s; /* Safari and Chrome */
}

#preArrow {
    left: 20px;/*ä¿®æ”¹*//*top:-50%;*/
    display: block;
    bottom: 0;
    height: 100%;
    width: 50%;
    cursor: url(/assets/home/v3/meitu/images/move_l.cur),auto;
}
#nextArrow {
    right: 0px;/*ä¿®æ”¹*//*top:-50%;*/
    display: block;
    bottom: 0;
    height: 100%;
    width: 50%;
    cursor: url(/assets/home/v3/meitu/images/move_r.cur),auto;
}

.contextDiv{cursor:pointer;height:100%;width:20%;position:absolute;top:0px;z-index:5;}
.contextDiv span{position:absolute;top:50%;margin-top:-10%;width:60px;height:60px; box-sizing:border-box; color:#333; font-size:65px; line-height:47px; display:block;}

#preArrow_A{left:0px;}
#nextArrow_A{right:0px;}
.picshowtxt{width:910px;min-height:40px;_height:40px;margin-top:20px; position:fixed; bottom:120px; display:none}
.picshowtxt_left{float:left;width:50px; height:50px; line-height:30px; font-family:Georgia, "Times New Roman", Times, serif;}
.picshowtxt_left span{color:#e55656;font-size:30px;}
.picshowtxt_left i{color:#666666;font-size:20px;}
.picshowtxt_right{float:left;margin-left:10px;display:inline;line-height:35px;color:#666666;font-size:14px;width:700px; }
.picshowlist{ position: absolute; bottom:0px; box-sizing:border-box; z-index:1000;width:100%; background:#ebebeb; height:100px; padding:15px;}
.picshowlist_left{float:left;width:70px;}
.picshowlist_left span{ display:block; background:rgba(0,0,0,.6); top:5px; left:-5px; color:#fff; position:absolute; width:70px; height:50px;font-family: "Microsoft Yahei"; padding-top:20px; text-align:center}
.picleftimg{width:70px;height:70px; position:relative}
.picleftimg img{width:70px;height:70px; min-width:100%}
.piclefttxt{width:120px;line-height:20px;}
.piclefttxt a{color:#444444;}
.piclefttxt a:hover{color:#ff5d11; text-decoration:underline;}
.picshowlist_mid{ position:absolute; left:120px; right:120px;display: block;height:70px;}
.picmidleft{float:left;width:24px;height:70px;overflow:hidden; line-height:60px; font-size:50px;}
.picmidleft a{display:block;width:24px;height:70px; color:#666}
.picmidmid{ position: absolute;height:80px; left:30px; right:30px}
.picmidmid ul{ width:100%; position:relative;overflow:hidden;height:70px;}
.picmidmid ul li{float:left;margin-left:8px;margin-top: 5px;display:inline;width:70px;text-align:center;overflow:hidden;position:relative;height:70px}
.picmidmid ul li img{width:60px;height:60px; box-sizing:border-box; border:1px solid #fff}
.selectpic{border:2px solid #ea3d3d !important; width:100%}
.picmidright{float:right;width:24px;height:70px;overflow:hidden;line-height:60px; font-size:50px;}
.picmidright a{display:block;width:24px;height:70px; color:#666}
.picshowlist_right{width:70px;float:right}
.picshowlist_right span{ display:block; background:rgba(0,0,0,.6); top:5px; right:-5px; color:#fff; position:absolute; width:70px; height:50px;font-family: "Microsoft Yahei"; padding-top:20px; text-align:center}
/*åˆ—è¡¨å±•ç¤º*/
.piclistshow{width:930px;overflow:hidden;border-top:1px solid #e4e4e4;margin-top:10px;display:none;}
.piclistshow ul li{width:310px;height:274px;float:left;overflow:hidden;cursor:pointer;padding-top:40px;}
.piclistshow .picimg{width:310px;height:160px;overflow:hidden;display:table-cell;vertical-align:middle;text-align:center;padding:0px 10px;}
.picimg img{max-width:250px;max-height:160px;}
.pictxt{padding:15px 20px 0;line-height:25px;text-align:center; height:80px; overflow:hidden;}
.pictxt h3{font-size:14px;font-weight:normal;}
.gaoqing{background:url("../pic/gaoqing.jpg") 1px 0px no-repeat;padding-left:26px;}
a.gaoqing:hover{background:url("../pic/gaoqing_1.jpg") 1px 0px no-repeat;color:#FF702D;text-decoration:underline;}
/*å¼¹å‡ºå±‚*/
.bodymodal{width:100%;height:100%;overflow:hidden;background:#000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5; opacity: 0.5;z-index:1100;position:fixed;top:0px;left:0px;display:none;}
.firsttop_left{width:300px;height:250px;margin-right:30px;overflow:hidden;float:left;}
.firsttop_right{float:left;width:270px;overflow:hidden;}
.close2{height:17px;}
.close2 a{background:url('../pic/close.jpg') 0px 0px no-repeat;width:15px;height:15px;display:block;float:right;}
.replay{height:24px;margin-top:20px;overflow:hidden;}
.replay h2{float:left;font-size:16px;}
.replay p{float:left;margin-left:15px;display:inline;line-height:24px;padding-right:25px;background:url('../pic/replay.png') right no-repeat;}
.replay p a{color:white;font-size:14px;}
.replay p a:hover{color:#FF702D;text-decoration:underline;}
.pictwo{width:270px;height:88px;overflow:hidden;margin-top:20px;}
.pictwo ul li{width:120px;height:88px;float:left;margin-right:15px;position:relative;overflow:hidden;}
.pictwo ul li img{width:120px;height:88px;}
.imgdivtext{position:absolute;bottom:0px;height:25px;width:120px;background:rgba(0, 0, 0, 0.6);line-height:25px;text-align:center;left:0px;z-index:4;*background:#000;*filter:alpha(opacity=50);}
.imgdivtext a{color:White;font-size:14px;font-weight:bold;}
.imgdivtext a:hover{color:#FF702D;text-decoration:underline;}
.returnbtn {margin-top:35px;margin-left:50px;}
.returnbtn a{width:115px;height:22px;border:1px solid #ccc;padding:5px 15px;line-height:22px;text-align:center;color:White;font-size:16px;display:block;}
.returnbtn a:hover{color:#FF702D;text-decoration:none;border:1px solid #8d5a00;}
.firsttop{width:600px;padding:20px;background:#1C1C1C;position:fixed;top:170px;left:0px;z-index:1200;color:White;display:none;}
.endtop{width:600px;padding:20px;background:#1C1C1C;position:fixed;top:170px;left:0px;z-index:1200;color:White;display:none;}
.leftsider{float: left; width: 930px;}
.rightsider{ float:right; width:260px;}

.picpointer{ position:absolute; top: -22px;width:900px; left:30%;font-size: 14px;}

.picshowtoggle{ border-left:1px solid #ddd; border-right:1px solid #ddd;}

.picpointer div,.picpointer .sc-img{background:#fff;padding:0 20px; float:left;border-right:1px solid #ddd;font-family: "Microsoft Yahei";cursor:pointer; color:#888;}
.picpointer .sc-img{ display:block}
.picpointer div i.fa,.picpointer .sc-img i.fa{ margin-left:10px;}
.checkimg{box-sizing:border-box;}
.checkimg em{display:block;float:left; cursor:auto}
.checkimg #smaller,.checkimg #bigger{
 width:30px; text-align:center; font-weight:700; cursor:pointer;
 user-select: none;
 -moz-user-select:none;
 -webkit-user-select:none;;
 -o-user-select:none;
}
.checkimg #smaller:active,.checkimg #bigger:active{ background:#eee}
.star i.on{ color:#f6b54f}

.tagimg{ padding:0 20px; cursor:pointer;}
.dantu{ left:20px; right:20px}

/****é‚£ä¸ªè®¡ç®—å™¨ï¼Œè¦å¤ç”¨ï¼Œè¯·æå‡ºæ¥æ”¾å…¬ç”¨ä¸­*****/

.xgt-jsq{
    overflow:hidden;
    height: 344px;
    background: url(/assets/home/v3/meitu/images/biaodanbj.png) no-repeat;
    background: none\0;
    background-size: 100% 100%;
    box-shadow: 0 0 8px 0 #999;
}
.xgt-jsq .xgt-jsq-tit{
    color:#fff;
    font-family: "Microsoft Yahei";
    font-size:16px;
    line-height:35px;
    text-align:center;
    color: #ff5353;
    font-weight: bold;
}
.xgt-jsq-fens .input-select{
    width:217px;
    height: 35px;
    border: 1px solid #cfcfcf;
    border-radius: 5px;
    background: #fcfde9;
    margin-left:15px;
    line-height: 35px;
    text-align: right;
    margin-bottom: 13px;
}

.xgt-jsq-fens .input-select .shuzi{
    font-size: 16px;
    font-weight: bold !important;
    font-family: 'microsoft yahei';
}
.xgt-jsq-fens .input-select .danweiyuan{
    margin-right: 10px;
    font-size: 14px;
    color: #ccc;
}

.zb-edit-list{ padding:15px; padding-top:0; overflow:hidden;float: left; margin:;}
.zb-edit-list li { position:relative; overflow:hidden}
.zb-edit-list li span{ position:absolute; display: block; right:10px; top:0; line-height:36px; color:#999}
.zb-edit-list li input{ height:36px; margin-bottom:12px; border:1px solid #ddd; box-sizing:border-box; padding:5px; width:100%}
.zb-edit-list li input.fal{ border:2px solid #ff5659}
.zb-edit-list li .half{ height:36px; margin-bottom:15px; border:1px solid #ddd; box-sizing:border-box; padding:5px; width:47%}
.zb-edit-list li .half:first-of-type{ float:left}
.zb-edit-list li .half:last-of-type{ float: right}
.zb-edit-list li button{
    height:36px;
    cursor: pointer;
    line-height:36px;
    text-align:center;
    color:#fff;
    background:#ff5353;
    border:0;
    width:100%;
    font-size: 14px;
    font-family: 'microsoft yahei'
}
.zx-bj{
    margin-top: 20px;
}
.zx-bj img{
    width: 100%;
    height: auto;
}

/**/
.mt20{ margin-top:20px}
.zb-asider{overflow:hidden; background:#3b4d63}
.zb-asider .zb-asider-tit{ color:#fff; text-align:center;font-family: "Microsoft Yahei"; font-size:16px; margin-bottom:10px}
.zb-asider .zb-asider-tit p{ font-size:20px; margin-top:10px}

/**/
.more-xgt { overflow:hidden; width:270px}
.more-xgt li{ position: relative; width:74px; height:74px; overflow:hidden; margin-right:8px; margin-bottom:8px; float:left}
.more-xgt li img{ height:100%; width:100%}
.other-tag li{ float:left; margin-right:10px; line-height:20px}

.other-tag li a{ color:#666}
.more-xgt li span{ display:block; background:rgba(0,0,0,.6); color:#fff; right:0; bottom:0; padding:0 5px; line-height:20px; position:absolute}


.xgt-tips {
    background: url(../images/86.png);
    width: 266px;
    height: 231px;
    position: absolute;
    z-index: 9999;
    right: 195px;
    top: 98px
}
.xgt-tips-shut{margin-top:100px; height:50px; width:110px; margin-left:80px; cursor:pointer}

#social{position:relative;margin:15px auto 80px}

#share{position:absolute;top:-60px;right:-29px;width:302px;height:68px;display:none;z-index:999}
#share a{float:left;background:#999;font-size:20px;color:#fff;width:40px;height:40px;line-height:40px;margin-left:4px;padding-left:0;text-align:center;border-radius:3px;background:rgba(128,128,128,.9)}
#share .fa-plus-square:hover{background:#7ab951 !important}
#share .fa-qq:hover{background:#ff7400 !important}
#share .fa-weibo:hover{background:red !important}
#share .fa-pinterest-square:hover{background:#46c0e6 !important}
#share .fa-renren:hover{background:#3b68ac !important}
#share .fa-weixin:hover{background:#006f1d !important}
.share-s a {color: #888;}

.bjresult {color:#333;font-family: "Microsoft Yahei"; }
.bjresult img {width:110px;}
.bjresult .center {text-align: center}

.imgsize{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transition: .5s all ease;
}

/*S-ç¾Žå›¾æŽ¨è*/
.tj-pic{
    width: 258px;
    height: auto;
    border: 1px solid #ddd;
    font-family: "Microsoft YaHei";
    background: #fff;
}
.tj-pic p{
    font-size: 16px;
    line-height: 16px;
    margin: 10px;
}
.tj-pic ul li{
    margin: 10px 0 10px 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 230px;
    overflow: hidden;
}
.tj-pic ul li a{
    line-height: 18px;
}
.tj-pic ul li i{
    width: 18px;
    height: 18px;
    display: inline-block;
    color: #ccc;
    font-size: 12px;
    text-align: center;
    line-height: 18px;
    margin-right: 10px;
}
.tj-pic ul li:nth-child(1) i,
.tj-pic ul li:nth-child(2) i,
.tj-pic ul li:nth-child(3) i{
    background: #f9881e;
    color: #fff;
}
/*E-ç¾Žå›¾æŽ¨è*/

/*S-ç¾Žå›¾é¡¶éƒ¨å¯¼èˆªæ&nbsp;·å¼*/
.meitu-bread dl dt.bread-nav ul{ display:none; position:absolute; top:36px; border:1px solid #eee; background:#fff; padding:20px; line-height:30px; width:644px; overflow:hidden; padding-right:10px}
.meitu-bread dl dt.bread-nav ul .key-title{ font-size:12px;    display: block; font-weight: 600 }
.meitu-bread dl dt.bread-nav ul li{ width:140px; border-right:1px dotted #eee; overflow:hidden; float:left; margin-right:20px}
.meitu-bread dl dt.bread-nav ul li a{ display:block; float:left; width:60px; margin-right:10px;height:30px;overflow: hidden;}
.meitu-bread dl dt.bread-nav ul li.last{ margin-right:0; border-right:0}
.meitu-bread dl dt.bread-nav:hover ul{ display:block; z-index:99}
.meitu-bread dl dd,.meitu-bread dl dt{ float:left}
.meitu-bread dl dt.bread-nav{ position:relative;}
.meitu-bread dl dt.bread-nav .fl-ul {width: 130px;}
.meitu-bread dl dt.bread-nav .pub-m-nav li{width:auto;margin-right:0px}
.meitu-bread i.angle-right{
    width: 8px;
    height: 14px;
    display: inline-block;
    line-height: 38px;
    float: left;
    margin-top: 12px;
    margin-left: 8px;
    margin-right: 8px;
    background: url(/assets/home/meitu/img/angle-right.png);

}
.meitu-bread dt .font-s{
    font-size: 14px;
    font-weight: normal;
}
.meitu-bread dt a.dt-tit{
    height: 30px;
    line-height: 30px;
    margin-top: 4px;
    padding-left:10px;
    padding-right: 5px;
    border: 1px dashed #cfcfcf;
    float: left;
}
.meitu-bread dt a.dt-tit i{
    margin-left: 10px;
}
.meitu-bread dt a.dt-tit:hover{
    border-color: #ff5353;
}
/*E-ç¾Žå›¾é¡¶éƒ¨å¯¼èˆªæ&nbsp;·å¼*/
/*S-å›¾ç‰‡æè¿°*/
#imgsize-info{
    width: 100%; 
    height: 60px; 
    background: rgba(0, 0, 0, 0.5); 
    position: absolute; 
    left: 0;
    bottom: 0px;
    /* left: 50%;  */
    /* transform: translateX(-50%);  */
    color: rgb(255, 255, 255); 
    text-align: left;
    z-index: 10;
}
.text-p{height:60px;overflow: hidden; font-size: 14px; padding: 0px 6px; float: left; line-height: 28px; width: calc(100% - 75px);width: -webkit-calc(100% - 75px);}
.text-p a{display: inline-block;color: #fff;background: none !important;width: auto !important;height: auto !important;}
#show-info{float: right; width: 60px; height: 60px;background: none; text-align: center;}
#show-info i{line-height: 60px; font-size: 36px; cursor: pointer;color: #fff;}
/*E-å›¾ç‰‡æè¿°*/
.right-img {
    width: 53px;
    height: 232px;
    position: absolute;
    bottom: 100px;
    right: -73px;
    z-index: 20;
    cursor: pointer;
}
.right-img img {
    display: block;
    width: 100%;
    height: 100%;
}
.recommendlist{
    background-color: white;
    border: 1px solid #ddd;
    margin-top: 15px;
}
.recommendlist .title{
    line-height: 40px;
    padding-left: 10px;
    font-size: 16px;
    margin-bottom: 10px;
}
.recommendlist .content-list li{
    line-height: 30px;
    font-size: 14px;
    padding-left: 15px;
    border-bottom: 1px dashed #ddd;
}
.recommendlist .content-list li a{
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}</pre></body></html>