body,h1,h2,h3,h4,h5,h6,h7,p,dl,dd,dt,form,ul,li,div { box-sizing: border-box; }

body { font-family:Arial; color:#222; }

.container { margin:0 10px; }

.maintitle { font:bold 18px/1 "Microsoft YaHei"; padding:10px 0; text-align:center; }

.tongji { background:none; border-radius:4px }
.tongji ul { height:52px; border-radius:4px; background:#2ECC71; }
.tongji li { border-left:1px solid #fff; }
.tongji li:nth-child(1) { border-left:0px; }
.tongji li, span { color:#fff; font-weight:normal; font-family:Arial; }

#top10 { margin-top: 10px; }
#top10 h4 { margin: 10px 0; }
#top10 ul { width: 2000vw; height: 10vw; display: flex; position: relative; }
#top10 li { width: 10vw; height: 10vw; position: absolute; transition:left 1s; }
#top10 li img { width: 100%; height: 100%; border: 1px solid #eee; object-fit: cover; }

.match_page h4 { margin: 10px 0; }

.introduce li { min-height:35px; }
.introduce .info { overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }

.btn-block { width: 100%; height: 35px; border: 0; border-radius: 3px; margin-top: 5px;
    text-indent:1em; font-size:16px; border-radius:4px; border-bottom:2px solid #ccc;}
.btn-success { background-color: #5cb85c; color: #fff; }
.btn-primary { background-color: #5270A6; color: #fff; }

.w-index-search .search-input-wrap input {
    border: 1px solid #2ECC71;
}
.list_box .picCon{ width:100%; min-height: 60px; padding:1% 2%; box-sizing: border-box; display: flex; align-items: center; }
.list_box .picCon .avatar img { width: 100%; }
.list_box .picCon .check  { width: 18px; height: 18px; opacity: 1; margin-top: -4px; }

.lypl dd a { color:#fff; }
.lypl p { text-indent: 2em; }
.lypl li { margin: 0; }

.catalog { margin:0 10px; clear: both; }
.catalog a { background:#fff; padding:2px; border-radius:5px; border-bottom:2px solid #ccc; margin:2px 0; }
.catalog a.on { background:#06C; color:#fff; }

.time-item strong{background:#C71C60;color:#fff;line-height:28px;font-size:13px;font-family:Arial;padding:0 5px;margin-right:5px;border-radius:5px;box-shadow:0px 0px 0px rgba(0,0,0,0.2);}
#day_show{float:left;line-height:28px;color:#c71c60;font-size:13px;margin:0 5px;font-family:Arial, Helvetica, sans-serif;}
.item-title .unit{background:none;line-height:28px;font-size:20px;padding:0 5px;float:left;}
.search_box{padding-left: 5px;padding-right:5px;position: relative;height: 32px;overflow: hidden;}
.search_box .logo_img{position: absolute;width: 45px;height: 19px;left: 10px;top: 15px;}
.search_box .search{border:0px solid #009a74;height: 32px;line-height:32px;border-radius: 4px;padding: 0 40px 0 8px;position: relative;background: #fff;display:block;}
.search_box .search .text{width: 100%;border:none;height: 20px;line-height: 20px;outline: none;font-size: 12px;font-family: "Microsoft Yahei";padding:5px 0;color:#b6b7b9;display:block;}
.search_box .search .submit{width: 94px;line-height:94px;height: 32px;position: absolute;right: 0px;top: 0px;background:#fff url(template/mobile/skimages/bbbs.jpg) no-repeat;background-size: 94px 32px;border:none;border-radius: 1px;}
.search_box_focus{padding-left: 65px;}

.detail img { margin-top: 5px; }

.search_list{width: 100%;position: absolute;left: 0;top: 46px;border-top: 1px solid #dcdcdc;z-index: 2000;background-color: #fff;box-shadow: 0 1px 3px #ccc;padding-bottom: 10px;display:none;}
.search_list ul{margin-bottom: 10px;}
.search_list ul li{padding: 0 10px;}
.search_list ul li a{display: block;height: 44px;line-height: 44px;border-bottom: 1px solid #e5e5e5;color:#323232;}
.search_list ul li a .num{float: right;color: #646464;}
.search_list ul li:last-child{border-bottom: 1px solid #e5e5e5;}
.search_list ul li:last-child a{border-bottom: 0;}
.search_list .clear_search{display: block;width: 86%;margin: 0 auto;height: 32px;text-align: center;line-height: 32px;border:1px solid #dcdcdc;}
.p4 {left:0px;height: 49px;background-color: #444;width: 100%;text-align: center;position: fixed;bottom: 0px;}
.p4 a{line-height:49px; color:#fff; font-size:14px; text-decoration:none; }

div.RoundedCorner{background: #CD0B0B;width:96%;font-size:12px;margin:0 auto;}
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #CD0B0B}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
body { margin-bottom:60px !important; }
a, button, input { -webkit-tap-highlight-color:rgba(255, 0, 0, 0); }
ul, li { list-style:none; margin:0; padding:0 }
.top_bar { position: fixed; z-index: 900; bottom: 0; left: 0; right: 0; margin: auto; font-family: Helvetica, Tahoma, Arial, Microsoft YaHei, sans-serif; }
.top_menu { display:-webkit-box; border-top: 1px solid #3D3D46; display: block; width: 100%; background: rgba(255, 255, 255, 0.7); height: 48px; display: -webkit-box; display: box; margin:0; padding:0; -webkit-box-orient: horizontal; background: -webkit-gradient(linear, 0 0, 0 100%, from(#697077), to(#3F434E), color-stop(60%, #464A53)); box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3) inset; }
.top_bar .top_menu>li { -webkit-box-flex:1; background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.4))), -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.1)), color-stop(50%, rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.15))); ; -webkit-background-size:1px 100%, 1px 100%; background-size:1px 100%, 1px 100%; background-position: 1px center, 2px center; background-repeat: no-repeat; position:relative; text-align:center; }
.top_menu li:first-child { background:none; }
.top_bar .top_menu>li>a { height:48px; display:block; text-align:center; color:#FFF; text-decoration:none; text-shadow: 0 1px rgba(0, 0, 0, 0.3); -webkit-box-flex:1; }
.top_bar .top_menu>li>a label { overflow:hidden; margin: 0 0 0 0; font-size: 12px; display: block !important; line-height: 18px; text-align: center; }
.top_bar .top_menu>li>a img { padding: 3px 0 0 0; height: 24px; width: 24px; color: #fff; line-height: 48px; vertical-align:middle; }
.top_bar li:first-child a { display: block; }
.menu_font { text-align:left; position:absolute; right:10px; z-index:500; background: -webkit-gradient(linear, 0 0, 0 100%, from(#697077), to(#3F434E), color-stop(60%, #464A53)); border-radius: 5px; width: 120px; margin-top: 10px; padding: 0; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); }
.menu_font.hidden { display:none; }
.menu_font { top:inherit !important; bottom:60px; }
.menu_font li a { height:40px; margin-right: 1px; display:block; text-align:center; color:#FFF; text-decoration:none; text-shadow: 0 1px rgba(0, 0, 0, 0.3); -webkit-box-flex:1; }
.menu_font li a { text-align: left !important; }
.top_menu li:last-of-type a { background: none; }
.menu_font:after { top: inherit!important; bottom: -6px; border-color: #3F434E rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-width: 6px 6px 0; position: absolute; content: \; display: inline-block; width: 0; height: 0; border-style: solid; left: 80%; }
.menu_font li { border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
.menu_font li:first-of-type { border-top: 0; }
.menu_font li:last-of-type { border-bottom: 0; }
.menu_font li a { height: 40px; line-height: 40px !important; position: relative; color: #fff; display: block; width: 100%; text-indent: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.menu_font li a img { width: 20px; height:20px; display: inline-block; margin-top:-2px; color: #fff; line-height: 40px; vertical-align:middle; }
.menu_font>li>a label { padding:3px 0 0 3px; font-size:14px; overflow:hidden; margin: 0; }
#menu_list0 { right:0; left:10px; }
#menu_list0:after { left: 20%; }
#sharemcover { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; z-index: 20000; }
#sharemcover img { position: fixed; right: 18px; top: 5px; width: 260px; height: 180px; z-index: 20001; border:0; }
.top_bar .top_menu>li>a:hover, .top_bar .top_menu>li>a:active { background-color:#333; }
.menu_font li a:hover, .menu_font li a:active { background-color:#333; }
.menu_font li:first-of-type a { border-radius:5px 5px 0 0; }
.menu_font li:last-of-type a { border-radius:0 0 5px 5px; }
#plug-wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); z-index:800; }
#cate18 .device {bottom: 49px;}
#cate18 #indicator {bottom: 240px;}
#cate19 .device {bottom: 49px;}
#cate19 #indicator {bottom: 330px;}
#cate19 .pagination {bottom: 60px;}


.w-index-search .search-input-wrap {
    background: none repeat scroll 0% 0% #FFF;
    position: relative;
    width: 100%;
    height: 35px;
    overflow: hidden;
}

.w-index-search .search-input-wrap input {
    display: block;
    height: 100%;
    width: 100%;
    box-shadow: none;
    color: #303030;
    padding: 0px 0px 0px 10px;
    border: 1px solid #2ECC71;
    box-sizing: border-box;
}
input, textarea {
    border-radius: 0px;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    vertical-align: middle;
}
.w-index-search .search-input-wrap button {
    cursor: pointer;
    display: block;
    width: 49px;
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
    text-indent: -9999px;
    overflow: hidden;
    border-width: 0px 0px 0px 1px;
    border-style: none none none solid;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    background-image: url("http://newebapp2.nuomi.bdimg.com/static/list/widget/index_search/img/icon-search_6d482fd.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 17px 17px;
    border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color rgb(65, 212, 87);
    background-color: #2ECC71;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    vertical-align: middle;
}


@media (max-width: 640px) {
  .list_box .picCon{ }
}