﻿@charset "utf-8";
@import url("icon/iconfont.css");
@import url("weui.min.css");
/* 全局样式
------------------------------------------------------------------*/
html, body {height: 100%; font-family: '微软雅黑' !important;  }
body, h1, h2, h3, p, dl, dd, ol, ul, th, td, form, fieldset, input, button, textarea, img { margin: 0; padding: 0; box-sizing: border-box; }
body { font-size: 14px; font-family: "Microsoft Yahei"; background: #f5f5f5; }
ol, ul { list-style: none; }
.weui-footer__link { font-size: 13px; line-height: 30px; }
.weui-footer__text { font-size: 12px; line-height: 26px; }
.bg {     background: #f5f5f5; height:5px;}
.clear{ clear:both}

body span{ font-family: '微软雅黑' !important; }

/*页面头部
-------------------------------------------------------------------*/
.header { display: block; height: 44px; background: #fff; }
.header .logo { display: block; float: left; margin: 10px auto auto 15px; }
.header .logo img { width: 160px; }
.header .right { position: absolute; top: 0; right: 0; display: inline-block; margin-right: 15px; }
.header .right a { display: inline-block; margin: 8px 0 0 2px; text-align: center; width: 28px; height: 28px; line-height: 28px; }
.header .right a:active { background: #ececec; }
.header .right a i { color: #333; font-size: 20px; }
.header h3 { display: block; text-align: center; line-height: 44px; color: #333; font-size: 16px; font-weight: 400; }
.header .back { position: absolute; margin: 0; padding: 0; display: inline-block; top: 8px; left: 10px; height: 28px; line-height: 28px; }
.header .back i { display: block; float: left; color: #333; font-size: 20px; width: 20px; line-height: 28px; }
.header .back span { color: #09bb07; font-size: 17px; line-height: 20px; }

/*搜索框样式*/
.search-box { position: relative; display: block; margin: 0 5px 0 5px; padding: 5px 0; height: 34px; }
.search-box .input-box { position: relative; display: block; height: 32px; border: 1px solid #ececec; border-radius: 5px; background: #fff; padding-left: 5px; }
.search-box .input-box input { display: block; margin: 0; width: 98%; height: 32px; line-height: 32px; font-size: 14px; background: #fff; border: none; padding-left: 30px; }
.search-box .input-box a { position: absolute; top: 0; left: 5px; display: block; width: 26px; height: 32px; text-align: center; background: #fff; }
.search-box .input-box a:active { background: #ececec; }
.search-box .input-box a i { color: #333; font-size: 18px; line-height: 32px; }

/*详情页样式*/
.meta { margin: 15px; }
.meta .meta-tit { font-size: 28px;font-weight: 600;}
.meta .meta-info { font-size: 12px; color: #cecece; line-height: 1.8em; }
.meta .meta-info span {margin-right: 5px;font-size: 12px;color: #808080;}
.meta .meta-info span i { margin-right: 3px; font-size: 13px; }


.entry { padding: 15px; font-size: 15px; line-height: 24px; word-wrap: break-word; }
.entry img { max-width: 100%!important; height: auto!important; }
.entry h2, .entry h3, .entry h4 { padding-bottom: 5px; border-bottom: 1px solid #ddd; color: #222; }
.entry h2 { font-size: 17px; }
.entry h3, .entry h4 { font-size: 14px; }
/*.entry strong { color: #DC2523; }*/
.entry ul, .entry ol { margin: 16px; }
.entry li { margin-left: 26px; }
.entry ul li { list-style: disc outside none; }
.entry ol li { list-style: decimal outside none; }
.entry p { display: inherit; margin: 15px 0; color: #333; font-size: 14px; line-height: 24px; word-wrap: break-word; }
.entry a { text-decoration: underline; }
.entry code, .comment code { background-color: #eee; border-radius: 2px 2px 2px 2px; color: #777; font-family: 'courier new'; margin: 0 4px; padding: 1px 4px; }
.entry table { border-left: 1px solid #eee; border-top: 1px solid #eee; }
.entry table th { background-color: #F9F9F9; text-align: center; }
.entry table td, .entry table th { border-bottom: 1px solid #eee; border-right: 1px solid #eee; padding: 7px 10px; }

/*文字列表*/
.txt-list { position: relative; margin: 0; padding: 0; }
.txt-list ul .nodata { margin: 0; padding: 0; display: block; color: #999; font-size: 14px; text-align: center; line-height: 80px; background: #fff; }
.txt-list ul li { position: relative; margin: 0; padding: 0; background: #fff; }
.txt-list ul li:active { background: #ececec; }
.txt-list ul li > a { display: block; position: relative; margin-left: 15px; padding: 15px 15px 15px 0; font-size: 13px; color: #333; line-height: 1.1em; border-top: 1px solid #ececec; }
.txt-list ul li:first-child > a { border-top: none; }
.txt-list ul li > a:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.txt-list ul li > a > img { float: left; margin-right: 15px; width: 70px; height: 70px; }
.txt-list ul li > a > h2 { display: block; margin: 0; padding: 0; color: #333; font-size: 13px; font-weight: 400; line-height: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.txt-list ul li > a .intro { padding-top: 6px; color: #999; font-size: 12px; line-height: 1.8em; height: 3.6em; text-overflow: ellipsis; overflow: hidden; }
.txt-list ul li > a .note { padding-top: 6px; }
.txt-list ul li > a .note p { color: #999; font-size: 12px; line-height: 1.8em; height: 1.8em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.txt-list ul li > a .note p .date { display: inline-block; margin-right: 5px; color: #cecece; font-style: normal; }
.txt-list ul li > a .note p .hot { display: block; float: right; padding: 0 2px; color: #cecece; font-style: normal; }
.txt-list ul li > a .note p .price { display: inline-block; margin-right: 2px; color: #f00; font-size: 14px; font-weight: 400; font-style: normal; }
.txt-list ul li > a > .text { display: block; line-height: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.txt-list ul li > a > .date { display: block; float: right; margin: 0 0.2em; padding: 0; color: #cecece; font-size: 12px; font-style: normal; line-height: 18px; }
.txt-list ul li > a > .number { display: block; float: left; margin: 0 5px 0 0; padding: 0; width: 18px; height: 18px; line-height: 18px; color: #fff; font-size: 12px; font-style: normal; text-align: center; background: #333; border-radius: 18px; vertical-align: middle; }

/*页面底部
-------------------------------------------------------------------*/
.foot-nav .weui-tabbar { position: fixed; background: #fff; }
.foot-nav .weui-tabbar i.weui-tabbar__icon { font-size: 22px; }
.foot-nav .weui-tabbar .item-box { display: inline-block; position: relative; }
.foot-nav .weui-tabbar .item-box .weui-badge { position: absolute; top: -2px; right: -13px; }
.foot-nav .weui-tabbar .item-box .weui-badge_dot { position: absolute; top: 0; right: -6px; }
.footer { padding: 15px 0; }

.weui-panel__help { padding: 14px 15px 10px; color: #999; font-size: 13px; position: relative; font-weight: bold; color: black; border-top: 1px solid #ececec; }
.weui-panel__help .r { position: absolute; display: inline-block; width: 16px; height: 16px; background-image: url(../images/arrow-down_layout.png); background-repeat: no-repeat; background-size: 16px 16px; top: 16px; right: 21px; }
.weui-panel__help .d { position: absolute; display: inline-block; width: 16px; height: 16px; background-image: url(../images/arrow-up_layout.png); background-repeat: no-repeat; background-size: 16px 16px; top: 16px; right: 21px; }

.wps_ques { }
.wps_ques .header1 { display: block; height: 44px; background: #fff; }
.wps_ques .header1 h3 { display: block; line-height: 44px; color: #333; font-size: 16px; font-weight: 400; padding-left: 20px; }

.wps_about { }
.wps_about .itme { height: 56px; background-color: white; position: relative; }
.wps_about .itme .l { position: absolute; display: inline-block; width: 20px; height: 20px; background-repeat: no-repeat; background-size: 20px 20px; top: 18px; left: 20px; }
.wps_about .itme .l1 { background-image: url(../images/u260.png); width: 30px; height: 30px; background-size: 30px 30px; left: 13px; top: 22px; }
.wps_about .itme .l2 { background-image: url(../images/u186.png); }
.wps_about .itme .l3 { background-image: url(../images/u184.png); }
.wps_about .itme .l4 { background-image: url(../images/u188.png); }
.wps_about .itme .l5 { background: url(../images/u189.png) no-repeat center;background-size: 17px; }
.wps_about .itme .t { margin-left: 50px; height: 56px; line-height: 57px; vertical-align: middle; color:black }
.wps_about .itme .t1 { line-height: 20px; padding-top: 20px; padding-left: 50px; font-weight: bold; }
.wps_about .itme .t2 { padding-left: 50px; color: #999999; }
.wps_about .itme .r { position: absolute; display: inline-block; width: 20px; height: 20px; background-image: url(../images/arrow-up_layout.png); background-repeat: no-repeat; background-size: 20px 20px; top: 18px; right: 20px; }
.wps_about .itme .r1 { display: inline-block; padding: 1px 1px 0px 1px; color: red; border: 1px solid red; border-radius: 10px; text-align: center; font-size: 8px; vertical-align: middle; line-height: 10px; }
.wps_about .itme .r2 { display: inline-block; padding: 1px 1px 0px 1px; color: green; border: 1px solid green; border-radius: 10px; text-align: center; font-size: 8px; vertical-align: middle; line-height: 10px; }
.wps_about .itme .logo { display: inline-block; width: 80px; height: 80px; line-height: 80px; background-image: url(../images/logo.png); background-repeat: no-repeat; background-size: 80px 80px; margin-top: 30px; }

.wps_share { }
.wps_share .banner { display: inline-block; width: 140px; height: 140px; line-height: 140px; background-image: url(../images/recommend.png); background-repeat: no-repeat; background-size: 140px 140px; margin-top: 30px; }

.wps_help_w_list { overflow: hidden; max-width: 1366px; margin: auto; }
.wps_help_w_list .title { height: 70px; position: relative; border-bottom: 1px solid #ececec; background-color: white; }
.wps_help_w_list .title .logo { position: absolute; display: inline-block; width: 34px; height: 34px; line-height: 34px; background-image: url(../images/logo.png); background-repeat: no-repeat; background-size: 34px 34px; top: 18px; left: 30px; }
.wps_help_w_list .item { padding: 0px; }
.wps_help_w_list .item .d { padding: 0px 30px; position: relative; cursor: pointer; background: url(../images/sort-down.png) no-repeat right 20px center #fff; background-size: 16px 16px; line-height: 35px; height: 35px; font-size: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.wps_help_w_list .item .d:hover,.wps_help_w_list .item.active .d:hover { color: #418cb4; background-color: #e5f3ff;  }

.wps_help_w_list .item .d .l { position: absolute; display: inline-block; width: 10px; height: 10px; line-height: 10px; background-image: url(../images/caret-right.png); background-repeat: no-repeat; background-size: 10px 10px; top: 6px; left: 0px; }
.wps_help_w_list .item ul { display: none; }
.wps_help_w_list .item ul .s,.wps_help_w_list .item ul li:hover{ color: #418cb4; background-color: #e5f3ff; background-image: url(../Images/left.png); background-repeat: no-repeat; background-size: 3px 35px; box-sizing: border-box; }
.wps_help_w_list .item ul .s:before,.wps_help_w_list .item ul li:hover:before,.wps_help_w_list .item .d:hover:before  { content: ''; display: block; position: absolute; width: 5px; height: 35px; background-color: #1a9fd8; left: 0; }
.wps_help_w_list .item ul li { padding-left: 50px; padding-right: 20px;  line-height: 35px; height: 35px; cursor: pointer;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  }
.wps_help_w_list .item.active .d { background: url(../images/sort-up.png) no-repeat right 20px center #fff; background-size:16px;}
.wps_help_w_list .item.active ul { display: block; }

.wps_help_w_list .content { overflow: hidden; background-color: white;position:relative; }
.wps_help_w_list .leftclass { padding-top: 20px; padding-bottom: 20px; float: left; width: 20%;  box-sizing: border-box; }
.wps_help_w_list .lineclass{     width: 1px;height: 100%;position: absolute; background-color: #e0e0e0;left: 20%;z-index:1000; }
.wps_help_w_list .rightclass { float: right; width: 80%; background-color: white; padding: 0px; box-sizing: border-box; }
.wps_help_w_list .rightclass .iframeDiv { height: 100%; }

.wps_help_w_Info { background-color: white; }

.wps_help_w_Info img { max-width: 100%; }
.mCSB_dragger .mCSB_dragger_bar { background-color: #ccc !important; width: 6px !important; margin-right: 2px; }


.wps_map { }
.wps_map .border_top { border-top: 1px solid #ececec; }
.wps_map .border_bottom { border-bottom: 1px solid #ececec; }
.wps_map .display_block { display: block; }
.wps_map .display_none { display: none; }
.wps_map .location { background-color: white; padding: 8px 15px 8px 15px; font-size: 12px; position: relative; }
.wps_map .location .name { line-height: 22px; height: 22px; color: #323232; }
.wps_map .location .address { line-height: 22px; height: 22px; color: #999999; }
.wps_map .location .s { position: absolute; display: inline-block; width: 20px; height: 20px; line-height: 20px; background-image: url(../images/location.png); background-repeat: no-repeat; background-size: 20px 20px; top: 20px; right: 20px; }
.wps_map .list { font-size: 12px; margin-top: 5px; overflow-y: auto; }
.wps_map .list .item { background-color: white; padding: 8px 15px 8px 15px; cursor: pointer; position: relative; border-bottom: 1px solid #ececec; }
.wps_map .list .item .t1 { line-height: 22px; height: 22px; color: #323232; }
.wps_map .list .item .t2 { line-height: 22px; height: 22px; color: #999999; }
.wps_map .button { padding: 10px 15px 10px 15px; background-color: white; font-size: 12px; }
.wps_map .button .t { display: inline-block; width: 100%; line-height: 36px; background-color: #1297db; color: #ffffff; border-radius: 5px; text-align: center; }


.wps_ques_list { overflow: hidden; max-width: 1366px; margin: auto; }
.wps_ques_list .title { height: 70px; position: relative; border-bottom: 1px solid #ececec; background-color: white; }
.wps_ques_list .title .logo { position: absolute; display: inline-block; width: 34px; height: 34px; line-height: 34px; background-image: url(../images/logo.png); background-repeat: no-repeat; background-size: 34px 34px; top: 18px; left: 30px; }
.wps_ques_list .item { padding: 0px; }
.wps_ques_list .item .d { padding: 0px 30px; position: relative; cursor: pointer; background: url(../images/sort-down.png) no-repeat right 20px center #fff; background-size: 16px 16px; line-height: 35px; height: 35px; font-size: 15px; }
.wps_ques_list .item .d:hover,.wps_ques_list .item.active .d:hover { color: #418cb4; background-color: #e5f3ff;  }

.wps_ques_list .item .d .l { position: absolute; display: inline-block; width: 10px; height: 10px; line-height: 10px; background-image: url(../images/caret-right.png); background-repeat: no-repeat; background-size: 10px 10px; top: 6px; left: 0px; }
.wps_ques_list .item ul { display: none; }
.wps_ques_list .item ul .s,.wps_ques_list .item ul li:hover{ color: #418cb4; background-color: #e5f3ff; background-image: url(../Images/left.png); background-repeat: no-repeat; background-size: 3px 35px; box-sizing: border-box;

}
.wps_ques_list .item ul .s:before,.wps_ques_list .item ul li:hover:before,.wps_ques_list .item .d:hover:before  { content: ''; display: block; position: absolute; width: 5px; height: 35px; background-color: #1a9fd8; left: 0; }
    .wps_ques_list .item ul li { padding-left: 30px; padding-right: 20px; line-height: 35px; height: 35px; cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.wps_ques_list .item.active .d { background: url(../images/sort-up.png) no-repeat right 20px center #fff; background-size:16px;}
.wps_ques_list .item.active ul { display: block; }

.wps_ques_list .content { overflow: hidden; background-color: white; position:relative; }
.wps_ques_list .leftclass { padding-top: 20px; padding-bottom: 20px; float: left; width: 20%;box-sizing: border-box; }
.wps_ques_list .lineclass{     width: 1px;height: 100%;position: absolute; background-color: #e0e0e0;left: 20%; z-index:1000;}
.wps_ques_list .rightclass { float: right; width: 80%; background-color: white; padding: 0px; box-sizing: border-box; }
.wps_ques_list .rightclass .iframeDiv { height: 100%; }
.wps_ques_Info { background-color: white; }
.wps_ques_Info img { max-width: 100%; }
.wps_ques_Info > div{ padding:0px 70px }
.wps_ques_Info .info-content {padding-bottom: 20px;}


.wps_ques_Info_next { padding: 15px; padding-bottom: 20px;  display:none;}
.wps_ques_Info_next .item { padding-top: 5px; }
.wps_ques_Info_next .item .t1 { color: #1097db; padding-right: 5px; }
.wps_ques_Info_next .item .no { color: #808080; }
.wps_ques_Info_next span { font-size: 12px; }
.wps_ques_Info_next a:link { color: #323232; text-decoration: none; }
.wps_ques_Info_next a:visited { color: #323232; text-decoration: none; }
.wps_ques_Info_next a:hover { color: #323232; text-decoration: none; }
.wps_ques_Info_next a:active { color: #323232; text-decoration: none; } 


.wps_help_show_next { padding: 15px; padding-bottom: 20px; }
.wps_help_show_next .item { padding-top: 5px; }
.wps_help_show_next .item .t1 { color: #1097db; padding-right: 5px; }
.wps_help_show_next .item .no { color: #808080; }
.wps_help_show_next span { font-size: 12px; }
.wps_help_show_next a:link { color: #323232; text-decoration: none; }
.wps_help_show_next a:visited { color: #323232; text-decoration: none; }
.wps_help_show_next a:hover { color: #323232; text-decoration: none; }
.wps_help_show_next a:active { color: #323232; text-decoration: none; } 

.wps_help_w_list .rlist,.wps_ques_list .rlist,.wps_log_list .rlist,.wps_search .rlist { float: right; height: 70px; top: 0; right: 0; }
.wps_help_w_list .rlist .ritem,.wps_ques_list .rlist .ritem,.wps_log_list .rlist .ritem ,.wps_search .rlist .ritem{ display: inline-block; height: 69px; line-height: 69px; margin-right: 50px; cursor: pointer; }
.wps_help_w_list .rlist a,.wps_ques_list .rlist a,.wps_log_list .rlist a,.wps_search .rlist a{   color: #000;display: block; }
.wps_help_w_list .rlist a,.wps_ques_list .rlist a,.wps_log_list .rlist a,.wps_search .rlist a{   color: #000;display: block; }
.wps_help_w_list .rlist .s a,.wps_ques_list .rlist .s a,.wps_log_list .rlist .s a,.wps_search .rlist .s a{ border-bottom: 2px solid #418cb4; color: #418cb4;display: block; }

    
    
.wps_help_w_list > .title,.wps_ques_list > .title,.wps_log_list > .title,.wps_search > .title { height: 70px; position: relative; border-bottom: 1px solid #ececec; background-color: white; }
.wps_help_w_list > .title .logo,.wps_ques_list > .title .logo,.wps_log_list > .title .logo,.wps_search > .title .logo  { background-image: url(../images/logo.png); width: 34px; height: 34px; line-height: 34px; background-size: 34px 34px; top: 16px; position: absolute; display: inline-block; background-repeat: no-repeat; top: 18px; left: 30px; }
.wps_help_w_list > .title ._title,.wps_ques_list > .title ._title,.wps_log_list > .title ._title,.wps_search > .title ._title { display: inline-block; line-height: 70px; margin-left: 77px; font-size: 18px; }
.wps_help_w_list > .title .search-div,.wps_ques_list > .title .search-div,.wps_log_list > .title .search-div,.wps_search > .title .search-div { margin-left: 60px; display: inline-block; line-height: 70px; }


#keywords { background: url(../images/icon-top-search.png) no-repeat left 6px center #f4f4f4; background-color: #f4f4f4; margin: 0; width: 98%; line-height: 32px; font-size: 14px; padding-left: 30px; position: relative; display: block; height: 32px; border: 1px solid #ececec; border-radius: 5px; background-size: 18px; }

#keywords2 {background: url(../images/icon-top-search2.png) no-repeat 6px center #f4f4f4;background-color: #f4f4f4;margin: 0;width: 100%;line-height: 32px;font-size: 14px;padding-left: 24px;position: relative;display: block;height: 32px;border: 1px solid #ececec;border-radius: 5px;background-size: 12px;}







.wps_search { overflow: hidden; max-width: 1366px; margin: auto; }
.wps_search .content { padding: 0px 150px; overflow: hidden; background-color: white;  }
.wps_search .content-top { overflow: hidden; line-height: 40px; }
.wps_search .content-top .search-box { margin: 10px 0px 0px 0px; }
.wps_search .content-top #keywords { width: 400px; float: left; }
.wps_search .content-top .search-btn { background: url(../images/wps_search_search-btn.png) no-repeat left 6px center #1a9fd8; background-size: 18px; border-radius: 5px; margin-left: 20px; line-height: 32px; height: 32px; float: left; padding: 0px 30px; color: #ededed; }
.wps_search .content-top span { display: inline-block; margin-right: 50px; cursor: pointer; }
.wps_search .content-top a { color: #000; }
.wps_search .content-top .s a { border-bottom: 2px solid #418cb4; color: #418cb4; }
.wps_search .content-error { background-color: #f9dddc; color: #cf7074; height: 50px; line-height: 50px; border-radius: 5px; margin-top: 10px; padding: 0px 50px; }

.wps_search .content .item { padding: 30px 0px 0px 0px; }
.wps_search .content .top { line-height: 40px; height: 40px; }
.wps_search .content .title { font-weight: bold; font-size: 18px; line-height: 40px; float: left; }

    .wps_search .content .title a{ color: #000;}
.wps_search .content .time { color: #999999; font-size: 14px; padding-left: 10px; float: left; }
.wps_search .content .info {line-height: 35px; }

span.red { color: red; }
.wps_search .page-box { overflow:hidden;margin-top:30px;margin-bottom:30px;}

#mobile_Content { display:none;}
#web_Content { display:block}


.wps_log_list { overflow: hidden; max-width: 1366px; margin: auto; }
.wps_log_list .title { height: 70px; position: relative; border-bottom: 1px solid #ececec; background-color: white; }
.wps_log_list .title .logo { position: absolute; display: inline-block; width: 34px; height: 34px; line-height: 34px; background-image: url(../images/logo.png); background-repeat: no-repeat; background-size: 34px 34px; top: 18px; left: 30px; }
.wps_log_list .item { padding: 0px; }
.wps_log_list .item .d { padding: 0px 30px; position: relative; cursor: pointer; background: url(../images/sort-down.png) no-repeat right 20px center #fff; background-size: 16px 16px; line-height: 35px; height: 35px; font-size: 15px; }
.wps_log_list .item .d:hover,.wps_log_list .item.active .d:hover { color: #418cb4; background-color: #e5f3ff;  }

.wps_log_list .item .d .l { position: absolute; display: inline-block; width: 10px; height: 10px; line-height: 10px; background-image: url(../images/caret-right.png); background-repeat: no-repeat; background-size: 10px 10px; top: 6px; left: 0px; }
.wps_log_list .item ul { display: none; }
.wps_log_list .item ul .s,.wps_log_list .item ul li:hover{ color: #418cb4; background-color: #e5f3ff; background-image: url(../Images/left.png); background-repeat: no-repeat; background-size: 3px 35px; box-sizing: border-box;

}
.wps_log_list .item ul .s:before,.wps_log_list .item ul li:hover:before,.wps_log_list .item .d:hover:before  { content: ''; display: block; position: absolute; width: 5px; height: 35px; background-color: #1a9fd8; left: 0; }
.wps_log_list .item ul li { letter-spacing:1px; padding-left: 30px; padding-right: 20px; line-height: 35px; height: 35px; cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.wps_log_list .item.active .d { background: url(../images/sort-up.png) no-repeat right 20px center #fff; background-size:16px;}
.wps_log_list .item.active ul { display: block; }

.wps_log_list .content { overflow: hidden; background-color: white; position:relative;}
.wps_log_list .leftclass { padding-top: 20px; padding-bottom: 20px; float: left; width: 20%;box-sizing: border-box; }
.wps_log_list .lineclass{     width: 1px;height: 100%;position: absolute; background-color: #e0e0e0;left: 20%;z-index:1000; }
.wps_log_list .rightclass { float: right; width: 80%; background-color: white; padding: 0px; box-sizing: border-box; }
.wps_log_list .rightclass .iframeDiv { height: 100%; }
.wps_log_Info { background-color: white; }
.wps_log_Info img { max-width: 100%; }
.wps_log_Info > div{ padding:0px 70px }
.wps_log_Info .info-content { padding-bottom: 20px;}



 