@charset "utf-8"; /* CSS Document */ .ui-tab-nav { width:100%; background-color:#fff; display:box; display:-webkit-box; font-size:16px; height:45px; -webkit-box-sizing:border-box; box-sizing:border-box } .ui-tab-nav li { height:45px; line-height:45px; min-width:70px; box-flex:1; -webkit-box-flex:1; text-align:center; color:gray; -webkit-box-sizing:border-box; box-sizing:border-box; font-size: 14px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #F6F6F6; } .ui-tab-nav li a { text-decoration: none; color: gray; display: block; float: left; width: 100%; } .ui-tab-nav li.current a { color:#00bb9c; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #00bb9c; line-height: 45px; height: 44px; } .ui-tab-content { margin-top:5px; display:-webkit-box } .baoliao_content { float: left; width: 100%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #F2F2F2; margin-top: 15px; } .baoliao_content .bl_img { float: left; margin: 5px; width: 15%; } .baoliao_content .bl_img img { width: 90px; } .baoliao_content .bl_right { float: left; margin-left: 10px; width: 78%; } .baoliao_content .bl_title { float: left; font-size: 12px; color: #666666; line-height: normal; width: 100%; } .baoliao_content .bl_note { float: left; font-size: 12px; line-height: normal; color: #FF3300; margin-top: 5px; width: 100%; } .baoliao_content .bl_tag { float: left; font-size: 12px; width: 100%; line-height: 30px; margin-top: 10px; } .baoliao_content .bl_right .bl_tag .bl_price { float: left; font-size: 12px; color: #FF3300; } .baoliao_content .bl_right .bl_tag .bl_oprice { font-size: 12px; text-decoration: line-through; float: left; margin-left: 10px; color: #999999; } .baoliao_content .bl_right .bl_tag .bl_mall { float: right; font-size: 12px; color: #666666; } .baoliao_content .bl_right .bl_tag .bl_time { float: right; font-size: 12px; color: #666666; margin-left: 10px; } .bl_more { line-height: 40px; text-align: center; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #EEEEEE; float: left; width: 100%; } .bl_more a { line-height: 40px; height: 40px; width: 100%; color: #666666; text-decoration: none; float: left; font-size: 12px; } .shaixuan_box { position: absolute; right: 0px; background-color:rgba(255,255,255,0.95); height: 100%; width: 100%; margin-right: -100%; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); } .shaixuan_mall { padding: 10px; overflow:scroll; } .shaixuan_mall h1 { font-size: 16px; font-weight: normal; color: #00aaee; text-align: center; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #F2F2F2; line-height: 40px; width: 100%; float: left; margin: 0px; padding: 0px; background-color: #EEEEEE; } .shaixun_item { float: left; width: 100%; padding-top: 30px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #F2F2F2; } .shaixun_item a { height:60px; line-height:80px; font-size: 14px; color: #666666; text-decoration: none; text-align: center; display: block; float: left; margin-bottom:10px; width: 25%; background:url(../imgs/score-class.png) top center no-repeat; background-size:30px 30px; } .shaixun_item a:active,.shaixun_item a:hover { color: #ff8200; font-weight: bold; font-size: 14px; } .shaixun_item a.current { color: #ff8200; font-weight: bold; font-size: 14px; background:url(../imgs/score-class-in.png) top center no-repeat; background-size:30px 30px; } .shaixuan_mall p { line-height: 40px; width: 100%; text-align: center; } .shaixuan_colos { line-height: 46px; position:fixed; top:0px; text-decoration: none; display: block; width: 100%; text-align: center; font-size:1.0rem; } .bl_view_img { text-align: center; padding: 10px; } .bl_view_img img { max-height: 150px; } .bl_view_title { padding: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #F2F2F2; font-size: 14px; color: #333333; line-height: 22px; } .bl_type { font-size: 10px; color: #FFFFFF; padding-top: 2px; padding-right: 5px; padding-bottom: 1px; padding-left: 5px; border-radius: 5px; background-color: #ff3030; margin-right: 2px; } .bl_view_note { font-size: 14px; color: #FF6600; padding: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #F2F2F2; line-height: 22px; } .bl_view_tag { font-size: 12px; line-height: 40px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #F2F2F2; height: 40px; padding-right: 1%; padding-left: 1%; } .bl_view_price { font-size: 16px; color: #FF3300; float: left; margin-left: 1%; } .bl_view_oprice { font-size: 12px; color: #666666; text-decoration: line-through; text-align: right; float: left; margin-left: 5%; } .bl_view_user { font-size: 12px; color: #666666; text-align: left; float: left; margin-left: 1%; } .bl_view_mall { font-size: 12px; text-align: center; float: right; color: #666666; margin-right: 1%; } .bl_view_time { font-size: 12px; color: #666666; text-align: right; float: right; margin-right: 1%; } .go_buy { line-height: 40px; height: 40px; text-align: center; } .go_buy a { color: #FFFFFF; background-color: #00bb9c; text-align: center; line-height: 40px; float: left; width: 100%; text-decoration: none; font-size: 16px; } .bl_view_content h1 { font-size: 16px; font-weight: normal; color: #FF6600; line-height: 45px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #F3F3F3; text-indent: 10px; margin: 0px; padding: 0px; } .bl_view_content h1 span { float: right; font-size: 12px; color: #999999; margin-right: 5px; } .bl_view_word { padding: 10px; font-size: 14px; color: #666666; line-height: 22px; overflow: hidden; } .bl_view_word p { margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } .bl_view_word a { color: #00bb9c; text-decoration: none; } .pl_icon { background-image: url(../images/iconfont-fzst-ping.png); background-repeat: no-repeat; background-size: 40px; height: 40px; width: 40px; position: fixed; right: 10px; bottom: 100px; } .pinlun_input { float: left; width: 75%; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; font-size: 14px; color: #333333; font-family:Helvetica, "Microsoft YaHei", Arial, Helvetica, sans-serif; padding-left: 42px; outline: none; padding-right: 10px; background-image: url(../images/iconfont-pinglun.png); background-repeat: no-repeat; background-size: 25px; background-position: 10px center; padding-top: 15px; padding-bottom: 10px; } .pinlun_submit { line-height: 40px; color: #FFFFFF; height: 40px; width: 25%; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; font-family:Helvetica, "Microsoft YaHei", Arial, Helvetica, sans-serif; outline: none; background-color: #7fc242; } .no_login { line-height: 45px; text-align: center; color: #333333; } .no_login a { margin-left: 15px; } .bl_comment h1 { font-size: 14px; font-weight: normal; color: #666666; margin: 0px; line-height: 40px; padding-left: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #F6F6F6; } .comment_list { padding: 10px; font-size: 12px; color: #666666; } .comment_list li { float: left; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCCCCC; width: 100%; padding-bottom: 10px; margin-bottom: 10px; } .comment_list .pl_user_img { float: left; height: 30px; width: 30px; overflow: hidden; border-radius: 50%; } .comment_list .pl_user_img img { height: 30px; width: 30px; border-radius: 50%; } .comment_list .pl_user_top { float: left; width: 50%; line-height: 30px; max-width: 98%; } .comment_list .pl_user_name { float: left; margin-left: 10px; color: #0099CC; font-size: 12px; } .comment_list .pl_user_time { float: left; margin-left: 10px; color: #999999; font-size: 12px; } .comment_list .pl_user_comment { width: 97%; margin-top: 5px; padding-left: 2.2%; float: left; text-align: justify; line-height: 22px; font-size: 12px; }