body { margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Arial, Helvetica, sans-serif, "宋体"; font-size: 12px; background-color: #F0F0F0;}
div { margin: 0px; padding: 0px;}
h1 { margin: 0px; padding: 0px;}
h2 { margin: 0px; padding: 0px;}
h3 { margin: 0px; padding: 0px;}
h4 { margin: 0px; padding: 0px;}
p { margin: 0px; padding: 0px;}
form { margin: 0px; padding: 0px;}
input { margin: 0px; padding: 0px;}
textarea { margin: 0px; padding: 0px;}
img { margin: 0px; padding: 0px;}
span { margin: 0px; padding: 0px;}
ul { margin: 0px; padding: 0px; list-style-type: none;}
img { border-width: 0px;}
a:link { color: #2E60A3; text-decoration: none;}
a:visited { color: #2E60A3; text-decoration: none;}
a:hover { color: rgb(255, 102, 0); text-decoration: underline;}
#webmain { width: 910px; margin-right: auto; margin-left: auto;}
.fx_title { width: 910px; height: 30px; text-align: center; color: rgb(255, 255, 255); line-height: 30px; font-family: "微软雅黑"; font-size: 14px; font-weight: bold; margin-top: 8px; background-image: url("/images/fe_bg2.gif");}
.fx_title2 { width: 810px; height: 30px; text-align: center; color: #FFF; line-height: 30px; font-family: "微软雅黑"; font-size: 14px; font-weight: bold; background-color: #3473C7; padding-left: 100px;}
td { text-align: center;}
.sred { background-color: rgb(204, 255, 255);}
.bbtns { border-width: 0px; width: 46px; height: 20px; background-image: url("/images/fe.png");}
.dl:link { text-decoration: underline;}
.y_bg td { background-color: #FAF1DE;}
.blue_t2 td { background-color: #DBE4EC;}
.onteam,.onteam td {background: #fffee9;}
.bui { color: rgb(51, 51, 51); font-family: Tahoma, Geneva, sans-serif; font-weight: bold; background-color: rgb(235, 241, 243);}
.BgYellow { color: rgb(115, 37, 15); background-color: #FFFACC;}
.BgSky { background-color: rgb(210, 230, 255);}
.sl { text-align: left;}
.sr { text-align: right;}
.teamname_td { line-height: 18px; font-size: 14px; font-weight: bold; background-color: rgb(230, 240, 251);}
#mymenu2 { height: 33px; border-bottom-color: rgb(223, 58, 13); border-bottom-width: 2px; border-bottom-style: solid;}
#mymenu2 a { background-position: 5px top; width: 80px; height: 21px; text-align: center; color: rgb(51, 51, 51); padding-top: 12px; float: left; display: block; background-image: url("/images/soccer1.png"); background-repeat: no-repeat;}
#mymenu2 a:visited { background-position: 5px top; width: 80px; height: 21px; text-align: center; color: rgb(51, 51, 51); padding-top: 12px; float: left; display: block; background-image: url("/images/soccer1.png"); background-repeat: no-repeat;}
#mymenu2 a:hover { background-position: -86px top; color: rgb(255, 102, 0); text-decoration: none; background-image: url("/images/soccer1.png"); background-repeat: no-repeat;}
#mymenu2 .myons a:link { background-position: -182px top; width: 80px; height: 24px; color: rgb(255, 255, 255); padding-top: 9px; font-size: 14px; font-weight: bold; background-image: url("/images/soccer1.png"); background-repeat: no-repeat;}
#mymenu2 .myons a:visited { background-position: -182px top; width: 80px; height: 24px; color: rgb(255, 255, 255); padding-top: 9px; font-size: 14px; font-weight: bold; background-image: url("/images/soccer1.png"); background-repeat: no-repeat;}
#mymenu2 .myons a:hover { background-position: -182px top; width: 80px; height: 24px; color: rgb(255, 255, 255); padding-top: 9px; font-size: 14px; font-weight: bold; background-image: url("/images/soccer1.png"); background-repeat: no-repeat;}
.white16px { color: rgb(51, 51, 51); font-weight: bold;}
.hp { color: rgb(255, 255, 255); font-family: Verdana; font-size: 8pt; background-color: rgb(255, 0, 0);}
.odds { height: 20px; color: rgb(79, 133, 255);}
.companyBg { color: rgb(83, 108, 174); background-color: #FFF;}
.nav_select {}
.nav_select ul { margin: 0px; height: 28px; border-right-color: rgb(187, 187, 187); border-left-color: rgb(187, 187, 187); border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; background-color: rgb(223, 228, 232);}
.nav_select li { width: 105px; height: 28px; text-align: center; line-height: 28px; border-right-color: rgb(186, 196, 205); border-right-width: 1px; border-right-style: solid; float: left; list-style-type: none;}
.nav_select li a { line-height: 28px;}
.nav_select a:link { color: rgb(51, 51, 51);}
.nav_select a:visited { color: rgb(51, 51, 51);}
.nav_select a:hover { color: rgb(255, 0, 0); text-decoration: none;}
.nav_selected { color: rgb(255, 255, 255); font-weight: bold; background-color: rgb(255, 102, 0);}
.nav_selected a { color: rgb(255, 255, 255);}
.nav_selected a:link { color: rgb(255, 255, 255);}
.nav_selected a:visited { color: rgb(255, 255, 255);}
.nav_selected a:hover { color: rgb(255, 255, 255);}
.nav_unselected { color: rgb(0, 0, 0); text-decoration: none; background-color: rgb(240, 242, 244);}
.fx { background-position: left -1px; color: rgb(255, 0, 0); padding-left: 20px; background-image: url("/images/fx.jpg"); background-repeat: no-repeat;}
#odds_menu { float: right;}
#odds_menu li { height: 35px; float: left; background-image: url("/images/mk.png"); background-repeat: repeat-x;}
#odds_menu li a { background-position: right; width: 90px; text-align: center; color: rgb(51, 102, 153); line-height: 34px; padding-top: 1px; font-size: 14px; float: left; display: block; background-repeat: no-repeat;}
#odds_menu li a:hover { color: rgb(51, 153, 255); text-decoration: none; background-color: #FFF;}
#odds_menu .lk { width: 3px; height: 35px; overflow: hidden; background-image: url("/images/lk.png"); background-repeat: no-repeat;}
#odds_menu .rk { width: 3px; height: 35px; overflow: hidden; background-image: url("/images/rk.png");}
#odds_menu .nobg { background-image: none;}
#odds_menu .ontab a { color: rgb(255, 255, 255); font-weight: bold; background-image: url("/images/obg.jpg"); background-repeat: repeat-x;}
#odds_menu .ontab a:hover { color: rgb(255, 255, 255); font-weight: bold; background-color: #0E5FBA;}
.fx_title2 a:link,
.fx_title2 a:visited { color: rgb(255, 255, 255);}
.porlet_right { width: 100px; height: 25px; float: right; display: block; _height: 25px;}
.porlet_right span { width: 22px; height: 22px; margin-top: 4px; margin-right: 10px; float: right; display: none; cursor: pointer; background-image: url(../images/starnew.gif);}
.porlet_right .porlet_up { background-position: -22px top;}
.porlet_right .porlet_up:hover { background-position: -22px -22px;}
.porlet_right .porlet_down { background-position: left top;}
.porlet_right .porlet_down:hover { background-position: left -22px;}
.porlet_right .porlet_close { background-position: -44px top;}
.porlet_right .porlet_close:hover { background-position: -44px -22px;}
.odds_checked { margin: 5px 0px 5px 10px; width: 94px; line-height: 25px; padding-left: 10px; float: left; display: block; cursor: pointer;}
.odds_unchecked { margin: 5px 0px 5px 10px; width: 94px; line-height: 25px; padding-left: 10px; float: left; display: block; cursor: pointer;}
.odds_checked input { margin-right: 3px;}
.odds_unchecked input { margin-right: 3px;}
.odds_checked { border: 1px solid rgb(204, 0, 0); background-color: rgb(255, 221, 221);}
.odds_unchecked { border: 1px solid rgb(204, 204, 204); background-color: rgb(245, 245, 245);}
.gamefor { background: url("/images/soccer1.png") no-repeat left -128px; width: 76px; height: 24px; color: rgb(51, 51, 51); line-height: 24px; float: left; display: block; position: absolute; z-index: 999; cursor: pointer; _line-height: 25px;}
.gamefor_on { background: url("/images/soccer1.png") no-repeat left -128px; width: 76px; height: 24px; color: rgb(51, 51, 51); line-height: 24px; float: left; display: block; position: absolute; z-index: 999; cursor: pointer; _line-height: 25px;}
.gamefor_on { background-position: left bottom; background-image: url("/images/btnsd.png"); background-repeat: no-repeat;}
#dropDiv { padding: 5px; border: 1px solid rgb(120, 148, 177); width: 255px; height: 300px; margin-top: 23px; position: absolute; z-index: 997; -ms-overflow-x: hidden; -ms-overflow-y: auto; background-color: rgb(253, 253, 253);}
#dropDiv td { white-space: nowrap; -ms-word-break: keep-all;}
.cksg { color: rgb(201, 201, 201); font-family: 微软雅黑; font-size: 18px; font-weight: bold;}
.cksg span { color: rgb(201, 201, 201); font-family: 微软雅黑; font-size: 18px; font-weight: bold;}
.char { width: 20px; height: 60px;}
.sChar { left: 0px; width: 15px; bottom: 0px; display: block;}
.pChar { left: 0px; width: 15px; bottom: 0px; display: block;}
.fChar { left: 0px; width: 15px; bottom: 0px; display: block;}
.sChar { height: 100%; background-color: rgb(237, 85, 100);}
.pChar { height: 60%; background-color: rgb(84, 82, 83);}
.fChar { height: 30%; background-color: rgb(93, 156, 236);}
#right_float { width: 40px; display: block;}
.rf:link { width: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 22px; margin-bottom: 2px; display: block; background-color: #3473C7;}
.rf:hover { width: 40px; text-align: center; color: #FFF; line-height: 22px; margin-bottom: 2px; display: block; background-color: #F30; text-decoration: none;}
.rf:visited { width: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 22px; margin-bottom: 2px; display: block; background-color: #3473C7;}
.scheduleTable td { text-align: center; line-height: 20px; border-bottom-color: rgb(223, 235, 243); border-bottom-width: 1px; border-bottom-style: solid; cursor: pointer;}
.scheduleTable tr:hover { background-color: rgb(250, 241, 222);}
.cctr td { color: rgb(255, 255, 255) !important; background-color: rgb(27, 98, 160);}
#odds_top,
#odds_top2 { width: 910px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #0E5FBA; height: 36px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; position: relative; padding-top: 12px;}
#odds_top h1 { background: url(/images/logo2.png) no-repeat left top; padding-left: 44px; padding-top: 24px; padding-top: 26px;padding-top: 26px; font-size: 12px; position: absolute; top: 5px; left: 3px; color: #666; height: 40px; font-weight: normal;}
#odds_top2 h1 { background: url(/images/logo2.png) no-repeat left top;
    padding-left: 46px;
    padding-top: 27px;
    padding-top: 26px 0;
    font-size: 12px;
    position: absolute;
    top: 2px;
    left: 0;
    color: #666;
    height: 40px;
    font-weight: normal;
    letter-spacing: 7px;}
#odds_menu { float: right; background-color: #E9EFF3; border-top-width: 1px; border-right-width: 1px; border-top-style: solid; border-right-style: solid; border-top-color: #A9BED3; border-right-color: #A9BED3;}
#odds_menu li { float: left; background-image: url(/images/mk.png); background-repeat: repeat-x; height: 35px;}
#odds_menu li a { font-size: 14px; line-height: 34px; display: block; float: left; width: 90px; text-align: center; color: #336699; background-color: #E9EFF3; border-left-width: 1px; border-left-style: solid; border-left-color: #A9BED3;}
#odds_menu li a:hover { color: #39F; text-decoration: none;}
#odds_menu .lk { background-image: url(/images/lk.png); background-repeat: no-repeat; height: 35px; width: 3px; overflow: hidden;}
#odds_menu .rk { background-image: url(/images/rk.png); height: 35px; width: 3px; overflow: hidden;}
#odds_menu .nobg { background-image: none;}
#odds_menu .ontab a,
#odds_menu .ontab a:hover { font-weight: bold; color: #FFF; background-color: #0E5FBA;}
/* 导航兼容 */
.header .analyNav {height: auto;}
.header .analyNav.new {height: 46px;}
.analyNav.new #odds_menu {width: 1080px;line-height: 46px;}
.analyNav.new #odds_menu li {height: 46px;display: inline-block;}
.analyNav.new #odds_menu li a {color: #666;font-size: 16px;line-height: 46px;font-weight: normal;margin: 0;padding: 0;}
.analyNav.new #odds_menu li a:hover {color: #289fff;}
.analyNav.new #odds_menu .ontab a,.analyNav.new #odds_menu .ontab a:hover {background: none;color: #007FE4;font-weight: bold;}
.header .analyNav .ontab::after,.header .analyNav .ontab:hover::after {background: transparent;}
.header .analyNav.new .ontab::after {background: #007FE4;}

.phone { position: absolute; left: 196px; top: 16px; background-image: url(/images/pp.gif); background-repeat: no-repeat; background-position: left top; padding-left: 19px; height: 24px; line-height: 24px;}
.porletP { background-color: #FFF;clear: both;}
.t1p1 { background-color: #FFF; border: 1px solid #D7D7D7;}
#content { width: 800px; margin-right: auto; margin-left: auto;}
.rateAvgs{width:908px; border:solid 1px #ccc; background: #fff; text-align: center;     font-family: "Tahoma", "宋体"; border-top:none;}
#content .content { clear: both; overflow: hidden; margin-bottom: 10px;}
.write { color: #FFF;}
.black { color: #333;}
.zsTable tr td { border-right: 1px solid #d8e0e7; border-bottom: 1px solid #d8e0e7; font-size: 12px; padding-right: 5px; padding-left: 5px; line-height: 20px; height: 20px; font-size: 12px; padding-right: 0px; padding-left: 0px;}
.discription { padding: 3px; border-right: 1px solid #D8E0E7; border-bottom: 1px solid #D8E0E7; border-left: 1px solid #D8E0E7; overflow: hidden; text-align: center; font-size: 12px;}
.discription div { border: 1px solid #FFF; display: inline;}
.discription span { display: inline; border: 1px solid #CCC; line-height: 12px; height: 12px; margin-top: 2px; margin-bottom: 2px; padding-right: 5px; padding-left: 5px;}
.greedBg { background: #88ff88; display: block;}
.redBg { background: #ff8888; display: block;}
.noData {background: url(/images/noData.jpg) no-repeat center center;}
.item { position: relative; display: inline;}
.item i {background: url("/images/item.gif") no-repeat;width: 19px;height: 10px; position: absolute; right: 0px; bottom: 0px; display: inline;}
.red {color: #F30 !important;}
.b {font-weight: bold;}
.average {display: inline; line-height: 30px;}
.average li {display: inline; padding: 0 10px;}
.header {background: #fff;overflow: hidden;padding:0; width:100%;}
.header * {font-family: "微软雅黑";}
.header>div {text-align: center;}
.header .home {width: 22%;float: left;text-align: center;margin-top:8.5px;}
.header .vs {width: 56%;float: left;}
.header .guest {width: 22%;float: right;text-align: center;margin-top:8.5px;}
.header .home a,
.header .guest a {font-size: 14px; color: #3473C7; text-decoration: none; font-weight: bold;}
.header .home img,
.header .guest img {display: block;margin: 0 auto;}
.header .row {line-height: 30px;width: 100%; display: block; overflow: hidden;}
.header .row.vs {font-size: 26px; line-height: 40px; font-weight: bold;}
.header .row .dataBaseBtn {background: #3473C7; color: #fff; padding:3px 5px; margin-left:10px; border-radius: 4px;}
.header .row .LName {color: #F30;}
.header .row .half {width: 150px; margin: 0 auto;}
.header .row .half>div {width: 33.3%;float: left;}
.header .row .half .score {font-size: 28px; font-weight: bold;color: #009a01; line-height: 40px;}
.header .row .half .vs {line-height: 40px;color: #009a01; font-size: 15px;}
.header .row .HT {width: 150px; margin: 0 auto;}
.header .row .HT>div {width: 33.3%;float: left;}
.header .row .HT .score {font-size: 28px; font-weight: bold;color: #3473C7; line-height: 40px;}
.header .row .HT .vs {line-height: 40px;color: #3473C7; font-size: 15px;}
.header .row .end {width: 150px; margin: 0 auto;}
.header .row .end .row {line-height: 20px;font-size: 15px;}
.header .row .end .row:last-child {font-size: 14px;}
.header .row .end>div {width: 33.3%;float: left;}
.header .row .end .score {font-size: 28px; font-weight: bold;color: #F30; line-height: 40px;}
.languageBox {display: inline;font-size: 12px;font-weight: normal;line-height: normal;margin: 2px;padding: 3px 1px;overflow: hidden;background: #fff;color: #333;line-height: 24px;border: solid 1px #d6d6d6;border-radius: 4px;}
.languageBox .item {cursor: pointer;display: inline;padding: 4px 5px;text-align: center;}
.languageBox .item.on {background: #2ea8e7;color: #ffffff;border-radius: 4px;padding: 2px 5px;}
.redBG{background: red; padding:2px 5px;color:#fff;}
.greenBG{background: green; padding:2px 5px;color:#fff;}
#odds_top2 #odds_menu {
    border: none;
    background-color: transparent !important;
}

    #odds_top2 #odds_menu li {
        background: none;
        height: 36px;
    }

        #odds_top2 #odds_menu li a {
            border: none;
            background-color: transparent !important;
        }

        #odds_top2 #odds_menu li.ontab {
            background-color: #0E5FBA;
            border-radius: 5px 5px 0 0;
            line-height: 36px;
        }

        #odds_top2 #odds_menu li a:hover {
            background-color: transparent !important;
        }
    #odds_top2 #odds_menu .ontab a {
        background: none;
    }

.chargeInfo {
    width: 100%;
    text-align: center;
    line-height: 30px;
}
.chargeInfo li {
     width: 33.3%; float:left;line-height: 30px;
}

/*.popup-content .info {padding:10px 15px 0 15px;width:auto;line-height:26px;}
.popup-content .line {margin:0;padding:0;width:555px;height:45px;}
.popup-content font.T{line-height:32px;float:left;width:36px;margin:2px;text-align:left;}
.popup-content li{background:#fff;color:#3d3d3d;line-height:30px;display:block;float:left;width:16.2%;border:solid 1px #bbb;border-radius:3px;padding-left:5px;margin:2px;text-align:left;}
.popup-content input[type="checkbox"] {position:relative;bottom:-3px;}
.popup-content li.on {background:#f2f9fd;color:#1896d5;}
.popup-content .bts{overflow:hidden;padding:5px;border-top:#f4f4f4 solid 1px;text-align:right;display:block;clear:both;}
.popup-content .bts input,.popupBox .vsbtn{font-size: 12px;width:50px;margin:0 3px;background-color:#1896d5;border:1px solid #1896d5;color:#fff;line-height:22px;cursor:pointer;border-radius:2px;}
.intelligence {width: 100%;height: 170px;border: none;}
*/

/* 积分榜 */
/* .r-red {background-color: #ff7066;}
.r-ylw {background-color: #ffca66;}
.r-org {background-color: #FF9966;}
.r-green {background-color: #009900;}
.r-blue {background-color: #00CCFF;}
.r-gray {background-color: #B1A7A7;} */
.standings-box {width: 138px;position: relative;left: 0px;top: 0px;background: #fff;border: 1px solid #d9d9d9;}
.st-tit {background: #f1f1f1;color: #666;text-align: center;font-weight: bold;padding: 4px 0;border-bottom: 1px solid #d9d9d9;}
.st-tit span {background: #fff;font-weight: normal;padding: 2px 12px;margin: 0 3px;border: 1px solid #e5e5e5;border-radius: 2px;display: inline-block;cursor: pointer;}
.st-tit span.on {color: #007FE4 !important;font-weight: bold;}
.st-tit span:hover {color: #FF5106;}
.st-list {color: #222;text-align: left;line-height: 25px;padding: 0 5px;border-bottom: 1px solid #d9d9d9;}
.st-list.on {background: #e5f2fd;}
.st-list:last-child {border: none;}
.st-list i {font-size: 11px;text-align: center;font-style: normal;width: 15px;height: 15px;line-height: 15px;display: inline-block;border-radius: 50%;margin-right: 4px;}
.st-list a {width: 70%;vertical-align: -8px;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.st-list span {color: #666;float: right;}
.vipbanner {border-radius:6px;background:url(/images/vipbg2.png) left center;color:#fff;padding:12px 20px;margin-bottom:10px;height:30px;position:relative;cursor:pointer;}
.vipbanner_tit {width:50%;line-height:30px;margin:0;font-size:16px;font-weight:600;padding-left:60px;}
.vipbanner_details{font-size:14px;position:absolute;right:20px;top:50%;height:28px;line-height:28px;margin-top:-14px;}
.vipbanner_details.skip {background:url(/images/enter.svg) no-repeat right center;background-size:18px;width: auto;padding-right:26px;}
.vipbanner_details font {color:#ffba37;padding:0 2px;font-weight:600;}
.vipbanner .highlight {color:#FFD77A;font-weight: bold;}


/*新版定制弹框样式*/
.yScroll { width: 100%; margin: 0 auto; overflow-x: hidden; overflow-y: auto; scrollbar-face-color: #9EBFE8; scrollbar-shadow-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #9EBFE8; scrollbar-darkshadow-color: #9EBFE8; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; }
.yScroll li { display: block; line-height: 30px; border-bottom: 1px dotted #ccc; cursor: move !important; padding: 0 0 0 10px; margin: 0 auto; }
.yScroll li:last-child { border: none; }
.yScroll img {width: 16px;float: left; margin-right: 8px; margin-top: 7px; }
.yScroll ul { overflow: hidden; LIST-STYLE-TYPE: none; margin: 0px; width: 310px; padding: 0px; }
#choose_right li {font-size: 14px;list-style-type: none; display: list-item; }
#choose_right .drag {width: 88%;display: inline-block;position: relative;}
#choose_right .drag:hover:after {position:absolute;top:2px;right: 10%;background:#fff;color:#333;font-size:12px;line-height:26px;text-align:center;padding:0 10px;border-radius:3px;box-shadow:0 0 8px #aaa;white-space:nowrap;display:inline-block;z-index:10;}
#choose_right .drag:hover:after {content:"拖动更改顺序";}
#choose_right.big .drag:hover:after {content:"拖動更改順序";}
#choose_right .hided { background: url('/images/hide.png') no-repeat right;background-size: 16px;background-position-x: 470px; }
#choose_right .on { background: url('/images/see.png') no-repeat right;background-size: 16px;background-position-x: 470px; }
#choose_right li.on:hover { background: #e9f5ff url('/images/see.png') no-repeat right;background-size: 16px;background-position-x: 470px; }
#choose_right li.hide:hover { background: #e9f5ff url('/images/hide.png') no-repeat right;background-size: 16px;background-position-x: 470px; }
.yScroll .btn { width: 100%; text-align: center; padding: 10px 0; margin: 0 auto; border-top: 1px solid #ccc; }
#mySet .btn .gl_btn { background: #eee; border: 1px solid #ccc; border-radius: 3px; padding: 5px 0; margin: 0 5px; width: 80px; cursor: pointer; }
#mySet .btn .gl_btn.on { background: #397f19; border: none; color: #fff; }
#mySet  .rightBlock { cursor: pointer; float: right; width: 40px; height: 30px }
.popup-container {background: #fff;border-radius: 10px;border: 1px solid #6a9ac1;box-shadow: 0 0 15px #667887;overflow: hidden;}
.popup-container .popup-titlebar {background: #007FE4;height: 36px;border: none;cursor: move;}
.popup-container .popup-titlebar .Ptitle {color: #fff;font-size: 14px;line-height: 35px;font-weight: bold;padding-left: 15px;}
.popup-container .popup-titlebar .Pclose {float:right;text-decoration:none;background: rgba(255,255,255,0.3);margin-top:7px;margin-right:12px;width:20px;height:20px;border-radius: 50%;position: relative;}
.popup-container .popup-titlebar .Pclose:hover {background: rgba(255,255,255,0.3);}
.popup-container .popup-titlebar .Pclose::before,.popup-container .popup-titlebar .Pclose::after {content:"";background: #fff;width: 12px;height: 1px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) rotate(45deg);}
.popup-container .popup-titlebar .Pclose::after {transform: translate(-50%,-50%) rotate(-45deg);}
.popup-container .popup-content {padding-bottom: 0;margin: 0;border: none;overflow: hidden;}
.popup-content .bts {background: #f5f5f5;text-align: center;padding: 15px;border-top: 1px solid #ddd;}
.popup-content .bts input {background: #d2dce3;color: #33556c;border: none;padding: 5px 20px;margin: 0 4px;border-radius: 20px;transition: all 0.2s linear;cursor: pointer;}
.popup-content .bts input:hover {background: #007FE4;color: #fff;}
.rf .tag {background:#e34141;color:#fff;font-style:normal;font-size:12px;font-weight:normal;line-height:14px;padding:2px 6px;border-radius:10px;position:absolute;top:-7px;right:-15px;transform:scale(0.8);}
.popup-overlay {background:#000;opacity:0.2;top:0;right:0;bottom:0;left:0;margin:0;padding:0;}

.vip-pop-up {width:100%;position: fixed;top:0;left:0;height:100%;z-index: 1200;}
#backgound {position: fixed;left: 0px; top: 0px;height: 100%; width: 100%; background-color: #333;filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.6;}
#newpopup {background: #fff;position: absolute;top: 50%;left: 50%;border-radius: 4px;transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);padding: 20px;z-index: 10;}
#newpopup .text {margin: 6px auto 20px;color: #666;text-align: center;font-size:14px;}
#newpopup .info {width: 200px;display: flex;justify-content: space-between;}
#newpopup .info  a {cursor:pointer; width:47%;display: inline-block;  line-height: 30px;text-decoration: none;border-radius: 3px;text-align: center;}
#newpopup .info  a.offbtn {background: #f5f5f5; color: #666; border: 1px solid #ddd;}
#newpopup .info  a.onbtn {background: #007FE4;color: #fff;border: 1px solid #007FE4;}
#newpopup .info  a.offbtn:hover {background-color:#e5e5e5;}
#newpopup .info  a.onbtn:hover {background-color:#1b97fb;border: 1px solid #1b97fb;}
.jfnotes { background: #f5f5f5;color: #666;padding: 5px 8px;text-align:left;}

.hot:before {
    content: "HOT";
    background: #ff5106;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    padding: 0 4px;
    border-radius: 4px;
    position: absolute;
    right: -6px;
    top: -2px;
    display: block;
    transform: scale(0.8);
}