/*20170704 zby*/
body { font: 12px/24px \5FAE\8F6F\96C5\9ED1,arial; _font-family: \5B8B\4F53; color: #333; }

body, html, a, img, div, form, select, input, ul, ol, li, h1, h2, h3, h4, h5, dd, dl, dt, p, label, em, span, cude, i { margin: 0; padding: 0; }

a { color: #333; text-decoration: none; cursor: pointer; }

a:hover { color: #f60; text-decoration: underline; }

ol, ul, li { list-style: none; }

em, i { font-style: normal; }

img { border: none; vertical-align: top; }

.cf { *zoom: 1; }

:root * { filter: none\9  !important; }

.clickbanner {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}


.cf:after { content: ''; display: block; height: 0; clear: both; }

.fl { float: left; _display: inline; }

.fr { float: right; _display: inline; }

.mt10 { margin-top: 10px; }

.col1 { color: #ff8737; }

.col2 { color: #5588f9; }

.top-down a:hover { color: #fff; }

.header { position: relative; z-index: 2; }

.header .nav { margin-bottom: 0; }

.header .top { position: absolute; top: 0; left: 0; width: 100%; height: 40px; padding: 14px 0; z-index: 99; }

.top-mask { width: 100%; height: 90px; background: url(/images/h5pc2016/top-mask.png) center top no-repeat; position: absolute; top: 0; left: 0; z-index: 10; }

.top-logo { float: left; padding: 5px 0 0 0; _display: inline; }

.top-logo a { display: block; width: 136px; height: 30px; line-height: 100px; overflow: hidden; background: url(/images/h5pc2016/logo.png) no-repeat; }

.top-nav { float: left; padding: 0 34px 0 100px; _display: inline; }

.top-nav a { height: 40px; line-height: 40px; margin-right: 50px; font-size: 16px; color: #fff; }

.top-nav a:hover { color: #2fc26e; text-decoration: none; }

.top-nav .cur { color: #2fc26e; }

.top-search { float: left; height: 40px; overflow: hidden; _display: inline; }

.top-search-txt { width: 248px; height: 20px; line-height: 20px; padding: 10px 10px 10px 16px; background: rgba(255, 255, 255, 0.5); border-radius: 10px 0 0 10px; border: none; outline: none; font-size: 14px; float: left; _display: inline; overflow: hidden; color: #fff; }

.top-search-sbt { width: 50px; height: 40px; line-height: 200px; overflow: hidden; float: left; _display: inline; background: url(/images/h5pc2016/search.png) center center no-repeat #2fc26e; border-radius: 0 10px 10px 0; border: none; cursor: pointer; }

.top-login { width: 140px; margin-right: 0; }

.top-after { margin-right: 0; }

.top-after .top-user { float: right; background: none; border: none; width: 40px; height: 40px; padding: 0; }

.top-after .top-user img { width: 38px; height: 38px; border: 1px #C6AD80 solid; border-radius: 50%; }

.top-after .top-list { top: 42px; left: 2px; border: none; border-radius: 5px; }

.top-after .top-list i { position: absolute; top: -3px; right: 18px; display: block; width: 7px; height: 4px; background: url(/images/h5pc2016/login-after-arrow.png) no-repeat; }

.top-after .top-list .top-username { padding: 0 20px; width: 98px; background: none; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.top-after .top-list .top-username:hover { border-radius: 5px 5px 0 0; background-image: none; }

.top-after .top-list .top-exit:hover { border-radius: 0 0 5px 5px; }

.top-before { padding: 12px 0 0 24px; overflow: hidden; }

.top-before a { height: 16px; line-height: 16px; color: #fff; font-size: 14px; }

.top-before .top-log { width: 30px; margin-right: 16px; background: url(/images/h5pc2016/login.png) no-repeat; }

.top-before .top-reg { width: 30px; padding: 0 0 0 16px; background: url(/images/h5pc2016/login.png) 0 -80px no-repeat; }

.top-before a:hover.top-log { background-position: 0 -39px; }

.top-before a:hover.top-reg { background-position: 0 -111px; }



.mod_condition { padding-bottom: 42px; position: relative; width: 100%; background: #f5f5f5; }

.my-gift { float: right; display: inline; font-size: 16px; height: 44px; line-height: 44px; width: 138px;text-align: center;  border: 1px solid #f60; border-radius: 10px; color: #f60; }

.mod_search { width: 800px; margin: 0 auto; background-color: #f5f5f5; padding: 15px; }

.mod_sehinput { background: #fff; border: 1px solid #d0d0d0; border-right: none; float: left; height: 44px; width: 467px;border-radius: 10px 0 0 10px; }

.mod_sehicon { background: url(/images/giftpc/sprite.png) no-repeat; width: 26px; height: 25px; margin: 11px 5px 0; float: left; display: inline; }

.mod_sehtext { height: 24px; width: 425px; background: none; border: none; line-height: 24px;padding: 10px 0; font-size: 14px; color: #999; float: left; outline: none; }

.mod_sehbtn { background:#f60; width: 140px; height: 46px; font: 400 16px/46px microsoft yahei; color: #fff; float: left; text-align: center;border-radius: 0 10px 10px 0; }

.mod_sehbtn:hover { background-position: 0 -136px; color: #fff; text-decoration: none; }

.letters li a, .refresh, .nodata .back, .gift-collect .ht .info .a, .gift-collect li .a, .gifthd .st .btn a, .m_begingame a, .m_th_item .m_th_btn { background: url(/images/giftpc/ic-gift.png) no-repeat; }

.boxz { background-color: #fff; border: 1px solid #f0f0f0; }

.boxz .hd { background-color: #fdfdfd; border-bottom: 1px solid #f0f0f0; display: inline-block; width: 100%; }

.letters { text-align: center; font-family: arial; padding: 20px 0; height: 33px; }

.letters li { display: inline-block; *zoom: 1; *display: inline; margin: 0 5px; height: 33px; width: 102px; }

.letters li a { width: 102px; height: 33px; line-height: 33px; color: #2fc26e; font-size: 20px; display: block; }

.letters li a:hover, .letters .on a { background-position: -102px 0; color: #fff; text-decoration: none; }

.gift-list { padding: 0 0 30px 15px; }

.gift-list .tit { clear: both; height: 34px; background: url(/images/giftpc/ler-tits.png) no-repeat center; text-align: center; line-height: 34px; margin-top: 20px; color: #38c575; font-size: 30px; font-family: arial; }

.gift-list li { float: left; width: 280px; height: 142px; _display: inline; }

.gift-list li .txt { display: block; border: 1px solid #ebebeb; border-bottom: none; height: 87px; position: relative; padding: 20px 20px 0 128px; }

.gift-list li .i1 { font-size: 14px; height: 24px; line-height: 24px; overflow: hidden; }

.gift-list li .i2 { line-height: 18px; color: #989898; height: 18px; overflow: hidden; }

.gift-list li .i3 { line-height: 18px; color: #989898; height: 36px; overflow: hidden; }

.gift-list li .i2 em { color: #ff8737; }

.gift-list li .zhi, .gift-list li .app { display: block; position: absolute; top: 0; right: 0; width: 42px; height: 42px; }

.gift-list li .zhi { background: url(../../images/giftpc/zhi.png) no-repeat; }

.gift-list li .app { background: url(../../images/giftpc/app.png) no-repeat; }

.gift-list li img { position: absolute; top: 50%; left: 33px; margin-top: -36px; width: 72px; height: 72px; }

.gift-list li .a { display: block; border: 1px solid #bbf3d7; height: 32px; line-height: 32px; text-align: center; font-size: 16px; color: #2fc26e; }

.gift-list .on { box-shadow: 5px 5px 8px #ebebeb; }

.gift-list .txt:hover { text-decoration: none; color: #333; }

.gift-list .a:hover { text-decoration: none; color: #2fc26e; }

.gift-list .on .txt { border-color: #bbf3d7; }

.gift-list .on .i1 { color: #2fc26e; }

.gift-list .on .a { background-color: #2fc26e; border: 1px solid #2fc26e; color: #fff !important; }

.fxsm .tit { height: 38px; border-bottom: 1px solid #bbf3d7; }

.fxsm .tit span { overflow: hidden; position: relative; margin-top: -1px; height: 38px; line-height: 39px; *line-height: 41px\9; border-bottom: 1px solid #2fc26e; display: inline-block; padding: 0 20px 0 40px; font-size: 16px; color: #2fc26e; background: url(/images/giftpc/ios.png) no-repeat 15px 12px; }

.fxsm .txt { padding: 20px; color: #989898; font-size: 14px; }

.bread { height: 38px; line-height: 38px; padding-left: 20px; font-size: 14px; color: #989898; }

.bread a { color: #989898; }

.bread a:hover { color: #f60; }

.bread em { color: #ff7418; }

.infotips { height: 44px; line-height: 44px; color: #989898; font-size: 16px; padding-left: 20px; background-color: #ebebeb; }

.infotips em { color: #ff8737; }

.refresh { width: 130px; height: 34px; display: block; margin: 20px auto 0; line-height: 200px; overflow: hidden; background-position: 0 -95px; }

.box .page { padding: 0 0 30px; }

.nodata { padding: 200px 0; position: relative; padding-left: 145px; font-size: 14px; color: #696969; width: 480px; margin: 0 auto; font-size: 20px; line-height: 30px; color: #484848; }

.nodata img { position: absolute; left: 0; top: 50%; margin-top: -115px; }

.nodata i { color: #ff8737; }

.nodata a { color: #5588f9; text-decoration: underline; }

.nodata .back { font-size: 14px; width: 130px; height: 34px; line-height: 34px; text-align: center; display: block; background-position: 0 -129px; color: #989898; text-decoration: none; margin: 20px auto 0; }

.nodata .back:hover { color: #989898; text-decoration: none; }

.gift-collect .ht { padding: 0 30px; }

.gift-collect .ht .tit { height: 70px; line-height: 70px; border-bottom: 0px solid #f5f5f5; font-size: 22px; color: #484848; }

.gift-collect .ht .info { padding: 20px 0; border-bottom: 1px solid #f5f5f5; font-size: 14px; color: #989898; position: relative; padding-left: 144px; position: relative; width: 100%; height: 124px; }

.gift-collect .ht .info img { position: absolute; top: 50%; left: 0; margin-top: -62px; width: 124px; height: 124px; }

.gift-collect .ht .info i { color: #484848; }

.gift-collect .ht .info .a { width: 102px; height: 33px; line-height: 33px; text-align: center; color: #fff; display: inline-block; background-position: -102px 0; margin-top: 15px; }

.gift-collect ul { padding: 0 0 20px 15px; }

.gift-collect li { float: left; width: 280px; height: 142px; _display: inline; }

.gift-collect li a { width: 254px; border: 1px solid #ebebeb; height: 116px; display: block; padding: 12px; color: #989898; position: relative; }

.gift-collect li .p1 { font-size: 18px; line-height: 36px; color: #484848; overflow: hidden; height: 36px; white-space: nowrap; text-overflow: ellipsis; }

.gift-collect li .p3 { font-size: 16px; line-height: 26px; color: #484848; overflow: hidden; height: 26px; white-space: nowrap; text-overflow: ellipsis; }

.gift-collect li .zhi, .gift-collect li .app { display: block; position: absolute; top: 0; right: 0; width: 42px; height: 42px; }

.gift-collect li .zhi { background: url(../../images/giftpc/zhi.png) no-repeat; }

.gift-collect li .app { background: url(../../images/giftpc/app.png) no-repeat; }

.gift-collect li .p2 { height: 48px; overflow: hidden; }

.gift-collect .zbm .p1 em { max-width: 210px; }

.gift-collect li a:hover { text-decoration: none; color: #989898; border: 1px solid #2fc26e; box-shadow: 5px 5px 8px #ebebeb; }

.gift-collect li .bar { position: relative; padding: 6px 50px 0 30px; margin-top: 5px; width: 168px; height: 10px; }

.gift-collect .zbm .bar, .gift-collect .appgift .bar { padding: 0; width: auto; height: auto; margin-top: 3px; }

.gift-collect li .a { position: absolute; top: 0; right: 0; width: 46px; height: 22px; line-height: 22px; background-position: 0 -33px; text-align: center; color: #fff; }

.gift-collect li .out { background-position: -92px -33px; }

.gift-collect li .th { background-position: -46px -33px; }

.gift-collect li .io { position: absolute; left: 0; top: 0; line-height: 22px; }

.gift-collect li .b { text-align: center; color: #fff; height: 10px; background-color: #ccc; border-radius: 10px; overflow: hidden; line-height: 10px; *line-height: 12px; position: relative; }

.gift-collect li .b span { height: 10px; display: inline-block; border-radius: 10px; background-color: #ff8737; position: absolute; top: 0; left: 0; z-index: 1; }

.gift-collect li .b i { position: relative; z-index: 2; }

.gift-collect li .t { position: absolute; top: 0px; left: 30px; height: 22px; line-height: 22px; }

.gift-collect li .t em { color: #ff8737; }

.giftinfo .giftbox1 { width: 858px; float: left; }

.giftinfo .giftbox2 { width: 318px; float: right; }

.gifthd { position: relative; padding-left: 144px; color: #989898; font-size: 14px; line-height: 30px; height: 165px; }

.gifthd img { position: absolute; top: 5px; left: 0; width: 124px; height: 124px; }

.gifthd .tit { font-size: 22px; margin-bottom: 10px; color: #484848; height: 30px; overflow: hidden; }

.gifthd .tit em { display: inline-block; }

.gifthd .tit i { display: inline-block; height: 20px; line-height: 20px; margin-top: 4px; vertical-align: top; margin-left: 10px; padding: 0 6px; border: 1px #ffa504 solid; color: #ffa504; border-radius: 4px; font-size: 14px; }

.gifthd .st { display: none; line-height: 30px; }

.gifthd .st1 { display: none; line-height: 47px; }

.gifthd .st em { color: #ff8738; }

.gifthd .st1 input { height: 28px; border: 1px solid #ebebeb; border-radius: 5px; padding: 0 5px; color: #989898; width: 300px; line-height: 28px; font-family: arial; }

.gifthd .bar { margin-bottom: 10px; }

.gifthd .bar .b { width: 300px; height: 10px; overflow: hidden; display: inline-block; vertical-align: middle; background-color: #ccc; border-radius: 10px; margin-right: 10px; }

.gifthd .bar .b i { height: 10px; display: inline-block; background-color: #ff8737; border-radius: 10px; vertical-align: top; }

.gifthd .st .tip { font-size: 16px; margin-bottom: 20px; }

.gifthd .st .btn a { width: 102px; height: 33px; line-height: 33px; text-align: center; color: #fff; background-position: -102px 0; display: inline-block; margin-right: 10px; }

.gifthd .st .btn .a1 { background-position: -204px 0; }

.gifthd .st .btn .a1out { background-position: -308px 0; }

.gifthd .st .btn a:hover { color: #fff; text-decoration: none; }

.gifthd .share { position: absolute; right: 0; bottom: 15px; height: 24px; }

.gifthd .share span { float: left; color: #989898; line-height: 28px; }

.gifthd .bdshare-button-style0-16 a { float: left; display: inline; width: 24px; height: 24px; line-height: 24px; padding: 0; margin: 0 10px 0 0; background: url(/images/giftpc/share.png) no-repeat; }

.gifthd .bdshare-button-style0-16 .bds_weixin { background-position: -99px 0; }

.gifthd .bdshare-button-style0-16 .bds_qzone { background-position: -33px 0; }

.gifthd .bdshare-button-style0-16 .bds_tsina { background-position: -66px 0; }

.giftcon .tit { border-bottom: 1px solid #ebebeb; height: 30px; margin-top: 20px; }

.giftcon .tio { float: left; height: 28px; line-height: 28px; border-bottom: 2px solid #ff8737; color: #484848; font-size: 16px; }

.giftcon .qt { float: right; line-height: 30px; color: #5588f9; }

.giftcon .explain { padding-top: 10px; }

.giftcon .explain p { font-size: 14px; margin: 15px 0; color: #989898; line-height: 22px; }

.giftcon .explain b { color: #484848; }

.giftcon .explain .bg { background-color: #f0f0f0; height: 26px; line-height: 26px; }

.giftcon .gift-collect ul { padding: 0; }

.giftbox2 .tit { height: 38px; border-bottom: 1px solid #bbf3d7; font-size: 16px; color: #2fc26e; background: url(/images/giftpc/io2.png) no-repeat 10px center; }

.giftbox2 .tit span { position: relative; margin-bottom: -1px; height: 38px; border-bottom: 1px solid #2fc26e; display: inline-block; line-height: 39px; padding-left: 30px; }

.giftbox2 .hotlist { position: relative; margin-bottom: -1px; }

.giftbox2 .hotlist li { height: 108px; border-bottom: 1px solid #f0f0f0; color: #989898; _position: relative; }

.giftbox2 .hotlist li img { position: absolute; left: 20px; top: 20px; width: 72px; height: 72px; }

.giftbox2 .hotlist li .tio { padding-top: 30px; line-height: 24px; color: #484848; font-size: 14px; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.giftbox2 .hotlist li em { color: #ff8737; }

.giftbox2 .hotlist li a { height: 108px; display: block; padding-left: 112px; position: relative; color: #989898; }

.giftbox2 .hotlist li a:hover { color: #989898; text-decoration: none; background-color: #f9f9f9; }

.giftbox2 .hotlist li .app, .giftbox2 .hotlist li .zhi { display: block; position: absolute; top: 0; right: 0; width: 42px; height: 42px; }

.giftbox2 .hotlist li .app { background: url(/images/giftpc/app.png) no-repeat; }

.giftbox2 .hotlist li .zhi { background: url(/images/giftpc/zhi.png) no-repeat; }

.mylibao { padding-left: 198px; position: relative; background-color: #f9f9f9; }

.mylibaobtn { position: absolute; top: -1px; left: 0; _left: -198px; width: 197px; display: block; font-size: 16px; }

.mylibaobtn span, .mylibaobtn a { display: block; line-height: 38px; height: 38px; padding-left: 80px; width: 117px; color: #989898; }

.mylibaobtn .at { border-left: 2px solid #f60; border-bottom: 1px solid #f0f0f0; border-top: 1px solid #f0f0f0; height: 58px; line-height: 58px; color: #484848; background: url(/images/giftpc/io3.png) no-repeat 55px center #fff; _background-position: 55px 20px; }

.mylibaobtn .on { color: #ff8737; }

.mylibaobtn a:hover { text-decoration: none; }

.mylbcont { border-left: 1px solid #f0f0f0; background-color: #fff; padding: 15px; }

.mylbcont li { vertical-align: bottom; padding: 20px; border-bottom: 1px solid #ddd; height: 125px; font-size: 16px; }

.mylbcont li .pic { float: left; margin-right: 10px; display: inline; width: 124px; height: 124px; }

.mylbinfo { float: left; width: 385px; color: #989898; }

.mylbinfo .n { display: inline-block; font-size: 18px; margin: 10px 0; color: #484848; }

.mylbinfo .t { color: #ff8737; }

.mylbinfo .n i { display: inline-block; height: 20px; line-height: 20px; vertical-align: top; margin-left: 10px; padding: 0 6px; border: 1px #ffa504 solid; color: #ffa504; border-radius: 4px; font-size: 14px; }

.mylbcont .m_begingame { float: right; margin-top: 40px; }

.mylblogin { text-align: center; padding: 200px 0; }

.mylblogin a { color: #fff; background-color: #f60; padding: 0 20px; height: 40px; line-height: 40px; font-size: 18px; display: inline-block; border-radius: 2px; }

.mylblogin a:hover { background-color: #ff771c; text-decoration: none; color: #fff; }

.m_th_item { overflow: hidden; zoom: 1; margin-bottom: 10px; }

.m_th_item .m_th_btn { float: right; color: #fff; cursor: pointer; background-position: 0 -163px; line-height: 30px; width: 66px; height: 30px; text-align: center; font-size: 14px; }

.m_th_item .m_th_ipt { border: 1px solid #ececec; width: 245px; padding: 5px 10px; height: 18px; line-height: 18px; border-radius: 4px; color: #989898; }

.m_th_txt { font-size: 14px; height: 40px; line-height: 40px; }

.m_begingame { position: relative; width: 114px; height: 40px; }

.m_begingame a { width: 114px; height: 40px; display: inline-block; background-position: 0 -55px; text-align: center; color: #fff; line-height: 40px; }

.m_begingame a:hover { color: #fff; text-decoration: none; }

.m_begingame .a2 { background-position: -114px -55px; }

.m_begingame .tip { display: none; width: 140px; height: 150px; border: 1px solid #f0f0f0; padding-top: 10px; position: absolute; left: 50%; bottom: 40px; margin-left: -70px; background-color: #fff; font-size: 12px; text-align: center; }

.m_begingame .tip img { display: block; margin: 0 auto; width: 110px; height: 110px; }

.mylibao .page { padding: 20px 0; background-color: #fff; }

.gift-list li, .gift-collect li { margin: 24px 5px 0; }

.giftcon .gift-collect li { margin: 24px 40px 0 0; }

.giftinfo .giftbox1 { width: 858px; }

.giftcont { padding: 45px; }

@media screen and (max-width: 1240px) { 
  .w { width: 990px; }
  .top-nav { padding: 0 30px 0 50px; }
  .top-nav a { margin-right: 30px; }
  .top-search-txt { width: 200px; }
  .slider-nav { margin-left: 255px; }    
  .gift-list li, .gift-collect li { margin: 24px 17px 0; }
  .giftcon .gift-collect li { margin: 24px 20px 0 0; }
  .giftinfo .giftbox1 { width: 648px; }
  .giftcont { padding: 20px; } }

.smallscreen .gift-list li, .smallscreen .gift-collect li { margin: 24px 17px 0; }

.smallscreen .giftcon .gift-collect li { margin: 24px 20px 0 0; }

.smallscreen .giftinfo .giftbox1 { width: 648px; }

.smallscreen .giftcont { padding: 20px; }

.Xgameid, .Xgiftid { display: none; }

.nolb { vertical-align: middle; text-align: center; margin: 300px auto; font-size: 16px; }

.nolb img { vertical-align: middle; margin-right: 10px; }

.nolb a { text-decoration: underline; color: #f60; }

.nolb a:hover { color: #f00; }

mark { background: none; }

.top-search-txt { filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#7fffffff', EndColorStr='#7fffffff'); background: none\9; }