@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
body { color:#333; font:14px/1.5 "Source Han Sans SC","HanHei SC","PingFang SC","Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;}
address, caption, cite, code, dfn, em, strong, th, var ,i{font-style:normal; font-weight:normal;}
ol,ul,li {list-style:none;}
h1, h2, h3, h4, h5, h6 , b{font-weight:normal;}
h1 {font-size:24px;}
h2 {font-size:20px;}
h3 {font-size:18px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
h6 {font-size:12px;}
img {border:none;}
a {color:#333; text-decoration:none;}
table {border-collapse:collapse;}

.clearfix:after { visibility:hidden; display:block; font-size:0; content:"."; clear:both; height:0; overflow:hidden;}
.clear { clear:both; visibility:hidden; height:0; line-height:0; font-size:0;}
.fl {float:left;}
.fr {float:right;}
.dn {display:none;}
.db {display:block;}
.di {display:inline-block;}

input::-webkit-input-placeholder {color:#ff7c00;}
input:-moz-placeholder {color:#ff7c00;　}
input::-moz-placeholder {color:#ff7c00;}
input:-ms-input-placeholder {color:#ff7c00;}
input,input:focus,input:hover,input:active{ outline:none;}

input[type=button], input[type=submit] { -webkit-appearance:none; outline:none;}
input[type="text"], input[type="password"], input[type="search"], input[type="email"], input[type="tel"], input[type="url"], input[type="date"], input[type="datetime-local"], input[type="time"], input[type="number"], select, textarea { -webkit-user-select:text; user-select:text; -webkit-appearance: none;}
input[type="search"]::-webkit-search-cancel-button { display:none;}



.xy-dhkbox{ width:100%; min-width:1240px;}



/* nav */

.xydhk-topnav{ width:1240px; margin:0 auto; padding:30px 0;}

.xydhk-zlnav{ float:left;}

.xydhk-zlnav li{float:left; height:40px; position:relative;}

.xydhk-zlnav li .ic1{ position:absolute; width:17px; height:16px; top:12px; right:5px; background-position:-26px -52px;}

.xydhk-zlnav li a{float:left; display:block; height:40px; overflow:hidden;}

.xydhk-zlnav li a span{float:left; display:block; line-height:40px; font-size:16px; color:#892400; cursor:pointer; width:120px; text-align:center;}

.xydhk-zlnav li .submenu{ display:none; position:absolute; top:34px; left:0; z-index:999; padding:0 5px 5px 5px; width:120px; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-user-select:none; -webkit-tap-highlight-color:transparent; outline:none;}

.xydhk-zlnav li .sjx{ width:0; height:0; margin:0 auto; border-bottom:8px solid #fff; border-right:8px solid transparent; border-left:8px solid transparent;}

.xydhk-zlnav li .sbtm{ float:left; width:100%; background:#fff; border-radius:10px; padding:5px 0;}

.xydhk-zlnav li .sbtm a{ width:100%; color:#333; text-align:center; height:36px; line-height:36px; font-size:15px;}

.xydhk-zlnav li .sbtm a:hover{ color:#fc4f09; text-decoration:none;}



.xydhk-zltxt{ float:right; padding-right:30px;}

.xydhk-zltxt ul li{ float:left; height:40px; line-height:40px; position:relative; padding-right:20px;}

.xydhk-zltxt ul li a{ font-size:16px; color:#892400;}

.xydhk-zltxt ul li i{ position:absolute; width:17px; height:16px; top:12px; right:0; background-position:-26px -72px;}

.xydhk-zltxt ul li .submenu{ display:none; position:absolute; top:34px; left:-30px; z-index:999; width:120px; padding:0 5px 5px 5px;-webkit-box-sizing:border-box; box-sizing:border-box; -webkit-user-select:none; -webkit-tap-highlight-color:transparent; outline:none;}

.xydhk-zltxt ul li .sjx{ width:0; height:0; margin:0 auto; border-bottom:8px solid #fff; border-right:8px solid transparent; border-left:8px solid transparent;}

.xydhk-zltxt ul li .sbtm{ float:left; width:100%; height:110px; background:#fff; border-radius:10px; padding-top:5px; text-align:center; box-shadow:0 2px 10px rgba(255,124,0,0.3);}

.xydhk-zltxt ul li .sbtm img{ width:100px; height:100px; display:inline-block;}



.xydhk-icon{ overflow:hidden; display:block; background-image:url(http://img.biaotianxia.com/images/xydhk-icons.png); background-repeat:no-repeat;}

/*.xydhkbg2{ background:url(http://img.biaotianxia.com/images/dhk-22.jpg) top center no-repeat; height:300px;}

.xydhkbg3{ background:url(http://img.biaotianxia.com/images/dhk-3.jpg) top center no-repeat; height:360px;}*/

.xydhkbg2{ background:url(http://img.biaotianxia.com/images/dhk-n22.jpg) top center no-repeat; height:300px;}

.xydhkbg3{ background:url(http://img.biaotianxia.com/images/dhk-n33.jpg) top center no-repeat; height:360px;}

.xydhkbg4{ background:url(http://img.biaotianxia.com/images/dhk-4.jpg) top center no-repeat; height:280px;}

.xydhkbg5{ background:url(http://img.biaotianxia.com/images/dhk-5.jpg) top center no-repeat; height:236px;}

.xydhkbg6{ background:url(http://img.biaotianxia.com/images/dhk-6.jpg) top center no-repeat; height:465px;}

.xydhkbg7{ background:url(http://img.biaotianxia.com/images/dhk-7.jpg) top center no-repeat; height:113px;}

.xydhkbg8{ background:url(http://img.biaotianxia.com/images/dhk-8.jpg) top center no-repeat; height:218px; text-align:center;}

.xydhkbg9{ background:url(http://img.biaotianxia.com/images/dhk-9.jpg) top center no-repeat; height:291px;}

.xydhkbg10{ background:url(http://img.biaotianxia.com/images/dhk-10.jpg) top center no-repeat; height:423px;}

.xydhkbg11{ background:url(http://img.biaotianxia.com/images/dhk-11.jpg) top center no-repeat; height:211px;}



/* 登录模块 */

.xydhk-dl{ width:600px; margin:0 auto; padding-top:50px;}

.xyintbox{ background:#fea531; padding-bottom:7px; border-radius:14px; box-shadow:0px 1px 20px rgba(254,163,43,0.6);}

.xyintbox1{ width:100%; overflow:hidden; height:85px; line-height:85px; border-radius:14px; border:1px solid #fdac49; box-sizing:border-box; background:#fff;}

.xymt-30{ margin-top:30px;}

.xydhk-dlf{ width:840px; margin:0 auto; padding-top:150px; font-size:36px; line-height:60px; color:#333; text-align:center;}

.xydhk-dlf span.vipn{ color:#f00;}

.xydhk-dlf a.que{ font-size:30px; color:#ff7c00; margin-left:10px;}



.xyint-ic{ position:relative; float:left; width:115px; height:100%;}

.xyint-ic i.pho{ position:absolute; width:42px; height:60px; left:26px; top:12px; background-position:-90px -34px;}

.xyint-ic i.cro{ position:absolute; width:52px; height:60px; left:26px; top:12px; background-position:-253px -34px;}

.xyint-tx{ float:left; height:100%; border:0; outline:none; font-size:32px; color:#ff7c00;}

.xy465{ width:465px;}

.xy260{ width:260px;}

.xyaat{ float:left; width:220px; display:block; text-align:center; border:0; background:#fff; border-left:1px solid #ff8f00; font-size:32px; color:#cf4900;height:100%;}

.xyalg{ display:inline-block; width:240px; height:68px; background:#fede01; font-size:38px; color:#ce4700; line-height:68px; border-radius:10px; margin-top:45px;}

.xyalg span { display:block; height:100%; animation:xybtnJab .3s ease-in-out infinite; animation-direction: alternate;}

@keyframes xybtnJab {

from { transform:scale(1);}

to { transform:scale(1.05);}

}



/* 领取模块 */

.xydhk-lqbox{ width:630px; margin:auto; overflow:hidden; padding:60px 0 0 610px;}

.xylqbox{ width:570px; overflow:hidden; height:310px;}

.xylqbox p{ transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s;}

.xylqbox p.jetxt{ font-size:60px; height:90px; color:#ff5300; text-align:center; padding-top:60px;}

.xylqbox p.jehud{ font-size:34px; height:90px; line-height:50px; color:#333; text-align:center; padding-top:60px;}

.xylqbox p.jehud span.nuw{ color:#ff5300; font-size:48px; padding:0 20px;}
.xylqbox p.jehud span.ter{ color:#ff5300; font-size:20px;}

.xylqbox p.jeaat{ text-align:center; padding-top:40px;}

.xylqbox p.jeaat a{ display:inline-block; width:270px; background:#ff5300; color:#fff; font-size:38px; line-height:60px; height:60px; border-radius:30px;}

.xylqbox p.jeaat span { display:block; height:100%; animation:xybtnJab .3s ease-in-out infinite; animation-direction: alternate;}

.xylqbox p.jeaat a.xy-disabled{cursor:default; opacity:1; background:#d4d4d4; color:#aaa;}



/* 滑动模块 */

/*.slideunlock-slider{ left:0; top:0; width:100%; height:100%; position:relative; background-color:#ffe2be; overflow:hidden; user-select:none;        -moz-user-select:none; -webkit-user-select:none;}

.slideunlock-label{ width:88px; border-radius:12px; position:absolute; text-align:center; left:0; top:0; height:81px; line-height:81px;     

border:1px solid #fdac49; background:#fff; z-index:3; cursor:move;}

.slideunlock-label i.tub{ width:48px; height:51px; display:inline-block; background-position:-169px -38px; margin-top:15px;}

.slideunlock-lable-tip{ position:absolute; left:0; width:100%; height:100%; font-size:32px; color:#ff7c00; line-height:85px; padding-left:115px;	box-sizing:border-box; z-index:2;}*/



/* 底部信息 */

.xydhk-foot{ width:810px; margin:0 auto; overflow:hidden;}

.xydhk-foot p.fot1{ overflow:hidden; height:80px; line-height:80px; background:#fd8b32; text-align:center; font-size:38px; color:#fff;}

.xydhk-foot p.fot1 a{ display:inline-block; vertical-align:middle; margin-top:-7px; margin-left:20px; background:#ff5300; padding:0 30px; border-radius:10px; font-size:26px; color:#fff; height:56px; line-height:56px;}

.xydhk-foot p.fot2{ overflow:hidden; line-height:36px; text-align:center; font-size:22px; color:#d73e27; padding-top:30px;}

.xydhk-foot p.fot3{ overflow:hidden; line-height:36px; text-align:center; font-size:14px; color:#fff;}


/* 滑动模块 */
.xy-bar { height:100%; width:100%;}
.slide-to-unlock-bg {
  width:100%;
  height:100%;
  position:relative;
  left: 0;
  top: 0;
  background-color:#ffe2be;
}
.slide-to-unlock-bg span {
  position: relative;
    font-size: 32px;
    color: #ff7c00;
    line-height: 85px;
    padding-left: 115px;
    box-sizing: border-box;
  z-index: 5;
}
.slide-to-unlock-progress {
  position: absolute;
  left: 0;
  top: 0;
  width:100% !important;
  height:100%;
}
.slide-to-unlock-handle {
    width:88px;
	display: inline-block;
    background-position: -148px -23px;
	 background-image:url(../images/xydhk-icons.png);
	 background-repeat:no-repeat;
    border-radius:12px;
    position: absolute;
    text-align: center;
    left: 0;
    top: 0;
    height: 100%;
	margin-left:-1px;
	box-sizing:	border-box;
    line-height: 81px;
    border: 1px solid #fdac49;
	background-color:#fff;
    z-index: 99;
    cursor: move;
}