*{margin:0;padding:0;}
.w1000{ width:1050px;height: inherit; margin:0 auto; position: relative;}
.clear{ clear:both;}
a{ text-decoration:none;color:#fff; font-size:12px;}
body{font-size:12px; font-family: "微软雅黑"; background: #151515}

.header{box-sizing:border-box;width:100%;height:100px;background:#222222;border-bottom: 2px solid #EAB843}
.header .logo{position: absolute;width:190px;height:86px;background:url(../images/logo.gif);left:0;top:6px;}
.header .navLink{position:absolute;bottom:25px;right:0;}
.header .navLink a{margin-left:10px;display:inline-block;height:40px;background:#292929;text-align:center;line-height:40px;color:#CBAA75;padding:0 5px;font-weight: bold;font-size: 14px;}
.header .navLink a:hover{background:#B13938;}

.linktop{width:1000px; height:112px; background:#080808; border:1px solid #212121}
.gonggao{overflow: hidden;height:44px; line-height:44px;margin:0 5px; border-bottom:1px dashed #282828}
.gonggao span{background: url(../images/gonggao.png) left center no-repeat; height:44px;float: left;display: block;padding-left:30px; color: #ffc547;font-size: 13px; font-weight: bold; width:75px; margin-left:20px;}
.gonggao marquee{float: left; width:860px;color: #636363; font-size:13px;}
.linktop .link{ height:67px;}
.linktop .link img{vertical-align: middle;margin-right: 5px}

.linktop a{display:block;width: 166px;height:63px;text-align:center;line-height:63px;font-weight:bold;color:#9d9d9d;font-size:14px;border-top:none;overflow:hidden;float:left;text-align:center;}
.linktop a:hover{ border-bottom:4px solid #f4c54d}
.linktop a i{display:inline-block;background: url(../images/linktopico.png)/*tpa=https://www.spj5.com/images/linktopico.png*/ no-repeat;height: 33px; vertical-align:middle; margin-right:10px;}
.linktop a i.i1{height:32px;width:20px;background-position:0 0;}
.linktop a i.i2{height:27px;width:36px;background-position:-20px 0;}
.linktop a i.i3{height:32px;width:32px;background-position:-56px 0;}
.linktop a i.i4{height:31px;width:31px;background-position:-88px 0;}
.linktop a i.i5{height:27px;width:32px;background-position:-119px 0;}
.linktop a i.i6{height:32px;width:28px;background-position:-151px 0;}
.linktop a:hover{color: #f4c54d}



.main{padding-top:16px;background:#00030C url(../images/main-bg1.jpg)/*tpa=https://www.spj5.com/images/mainbg.jpg*/ top center no-repeat;padding-bottom: 20px; overflow:hidden;min-width: 1000px;}
.mainitem{width:1000px;margin: 0 auto;padding-top: 13px; position:relative;margin-top:-190px; padding-bottom:15px;}
.mainitem ul{width:1035px}
.main #activityList ul{margin-right: 3px}
.main #activityList li{float: left;width:180px; height:180px; overflow: hidden; margin-right:25px; margin-bottom:20px;   position:relative;transition:all 0.3s; border-radius:3px;}
.main #activityList li:after{ content: '';transition:all 1s;  position: absolute; top:0; left:0; right:0;bottom:0;background: url(../images/item-bg.png) no-repeat center center; background-size: 100% auto; }
.main #activityList li:hover:after{
	transform:rotate(180deg);
}
.main #activityList li a{display: block;z-index:1; margin:12px 0 0 12px; width:155px; height:155px; border-radius: 50%; position: relative; text-align:center; overflow:hidden}
/* .main #activityList li a:after{ content:""; width:316px; height:149px; display:block; position:absolute; left:0;  top:0; background:url(../images/hover.png)tpa=https://www.spj5.com/images/hover.png no-repeat;opacity: 0;filter:alpha(opacity=0);transition:all 0.3s;} */
.main #activityList li a img{ display:block; width:100%; height:100%;}
.main #activityList li .item-text{line-height: 24px; text-align: center; color: #e8e8e8; display: none; transition: all 0.3s; position: absolute;top: 52px; font-size: 14px; background: rgba(0,0,0,1);  left: 0; right: 0; top:0;bottom:0;  padding: 55px 20px 0;  font-weight:bold;}

.main #activityList li a:hover .item-text{ display:block; }
.main #activityList li .item-text p {  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.main #activityList li:hover p{color: #ffc547}
.main #activityList li:hover a:after{opacity: 1;filter:alpha(opacity=100);}

.tips{ color:#636363; font-size:13px; line-height:25px; margin-left:40px; margin-top:10px;}
.tips span{ color:#ffc547; font-weight:bold}

.bottom{height:306px;background:#080808 url(../images/bottom.jpg)/*tpa=https://www.spj5.com/images/bottom.jpg*/ top center no-repeat;border-top:1px solid #262626; overflow: hidden;}
.bottom .title{ text-align:center}
.apply{ width:330px; height:270px; border:1px solid #222; margin-top:18px; float:left}
.apply span{ display: inline-block; text-align:center; float:left}
.apply .s1{ width:100px; color:#fff;}
.apply .s2{ width:140px; color:#ffc547;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.apply .s3{ width:80px; color:#838383}
.apply p .s1,.apply p .s2,.apply p .s3{ color:#414141; font-weight:bold}
.apply ul li{ line-height:29px; height:29px;}
.apply p{ height:35px; line-height:35px;}

.band{width:330px; height:270px; border:1px solid #222; margin-top:18px; float:right}
.band .shuju{ background:url(../images/shuju.png)/*tpa=https://www.spj5.com/images/shuju.png*/ no-repeat; width:282px; height:139px; margin-left:24px; margin-top:32px; padding-top:20px;}
.band .shuju p{ line-height:16px; height:16px; margin-bottom:46px; margin-left:65px; font-size:13px; color:#534216}
.band .shuju p #s3{ margin-left:10px}


/* 底部 */

.footer{ position: relative;line-height:25px; background: #00020c; color: #434343;text-align: center; padding-top:28px; height:87px;border-top:2px solid #e7ca8f;}
.footer:after{content: '';width:20px;height: 20px;border-top: 2px solid #e7ca8f;display: block;position: absolute;border-left: 2px solid #e7ca8f;top: -12px;left: 50%;background: #00020c;transform: rotate(-135deg); z-index: 999; margin-left: -10px;}
.footer p{ color:#787878; }
.footer .footer-title{color:#e7ca8f; font-size:18px;}
.tccon{
	/* width:740px; */
	/* min-height:540px; */
	background: #201d15 url(../images/tcbg.png) top center no-repeat;
	background-size: 100% auto;
  border: 1px solid #ffec9b;
  border-radius: 8px;
  width: 798px;
  height: 502px;
  display: none;
  position: relative;
	overflow: hidden;
}
.tccon .tclogo{
	background: url(../images/tclogo02.png) no-repeat;
    width: 180px;
    height: 79px;
    display: block;
    margin: 0 auto;
    margin-top: 18px;
}
.tccon .fg{
	background: url(../images/fg.png) no-repeat;
	width: 712px;
	height: 17px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
	}
.tccon h2{color: #ffecb7;
	font-size: 26px;
	text-align: center;
	line-height: 25px;
	margin-bottom: 5px;}
.tccon h3 {
	font-size: 12px;
    color: #4e4e4e;
    line-height: 12px;
    height: 12px;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-top: 8px;
    margin-bottom: 10px;
}
.tccon p{color: #fff;font-size: 14px;margin-left: 120px;line-height: 60px; height:60px}
.tccon p span{
	display: block;
    float: left;
    width: 112px;
    text-align: right;
    color: #ffecb7;
    font-size: 14px;
    margin-right: 10px;
}
.tccon p input{
	 width: 408px;
	 height: 40px;
	 border: 1px solid #ededed;
	 border-radius: 7px;
	 background: #ededed;
	 text-align: left;
	 color: #9d9d9d;
	 font-size: 14px;
	 padding-left: 15px;
}
.tccon p input::-webkit-input-placeholder{color:#7d7d7d;}
.tccon p input::-moz-placeholder{color:#7d7d7d;opacity:1;}
.tccon p input:-moz-placeholder{color:#7d7d7d;opacity:1;}
.tccon p .yzmimg{position: relative;margin-left: -80px; vertical-align:middle; top: -2px;}
.tccon p .subbtn{background:url(../images/subbtn02.png)/*tpa=https://www.spj5.com/images/subbtn.png*/ no-repeat; text-align: center; width:120px; height:40px; border:none;border-radius: 2px; color: #361905; cursor: pointer;padding: 0;font-size:14px; font-weight:bold; margin-top:15px;}
.tccon p select{
	width: 423px;
	height: 42px;
	color: #9d9d9d;
	background: #ededed;
	font-size: 14px;
	padding-left: 13px;
	border: none;
	border-radius: 7px;
	}
.tccon p select option{padding-left:15px;}
.tccon .line{ height:1px; background:#4f4f4f; width:720px; margin:0 auto; margin-top:20px;}
.tccon .pages{margin:0 auto; margin-top:20px; text-align:center}
.tccon .pages a{ display:inline-block; padding:0 6px; height:20px; line-height:20px; text-align:center; background:#900000;margin:0 5px; color:#fff}
.tccon .con1{height:310px;}
.tccon .con2{ height:310px;display: none; overflow: auto; }
.tccon .con2 table{width: 600px; margin: 0 auto}
.tccon .con2 table tr th{border: 1px solid #4f4f4f;height: 45px;line-height: 45px;color: #ffc547; font-size: 14px;padding-left: 20px; text-align:left; font-weight:normal}
.tccon .con2 table tr td{border: 1px solid #4f4f4f;height: 45px;line-height: 30px;color: #fff;font-weight:bold;font-size: 14px;padding-left: 20px;word-break: break-word;}
.tccon .con2 table tr td a{ font-size:14px;}


.layui-layer-nobg .layui-layer-setwin .layui-layer-close2{background: url(../images/closebtn02.png)/*tpa=https://www.spj5.com/images/closebtn.png*/ no-repeat; width:54px; height:54px; right:-27px; top:-27px; display: block; cursor: pointer;}
.layui-layer-nobg .layui-layer-setwin .layui-layer-close2:hover{background: url(../images/closebtn02.png)/*tpa=https://www.spj5.com/images/closebtn.png*/ no-repeat;}

select{appearance:none;-moz-appearance:none;-webkit-appearance:none;background:#fff url(../images/select.png)/*tpa=https://www.spj5.com/images/select.png*/ right center no-repeat;padding-right:40px;padding-left:7px;}
select::-ms-expand { display: none; }



/* 客服浮动代码 */
.scrollsidebar{position:absolute;z-index:999;top:150px;}
.scrollsidebar .content{ width:134px;}
.scrollsidebar img{ display:block; margin:0 auto}
.scrollsidebar .close_btn{ cursor:pointer}


.mainxq{ margin-top:20px; margin-bottom:20px;}

.box1{ width:996px; border:2px solid #212121; height:auto; min-height:300px; padding-bottom:20px; background:#000}
.box1 .boxtitle{ height:77px; line-height:77px; border-bottom:1px solid #212121; padding-left:35px; color:#ffc547; font-size:22px; font-weight:bold}
.box1 .boxcon{ padding-left:35px; color:#fff; font-size:14px; line-height:28px; padding-top:20px; padding-right:30px;}
.box1 .boxcon h2{ color:#ffd053; font-size:15px;}
.box1 .boxcon th ,.box1 .boxcon td{border:1px solid #fff}

.box2{ width:826px; border:2px solid #212121; height:auto; min-height:200px; padding-bottom:20px; margin-top:20px; padding-top:20px; padding-left:170px; background:#000}
.box2 p{ height:60px; line-height:60px;}
.box2 p span{display:inline-block; text-align:right; width:180px; color:#ffc547; font-size:14px;}
.box2 p input{ width:285px; height:38px; border:none; background:#fff; border-radius:5px; font-size:15px; padding-left:15px;}
.box2 p .codeimg{ margin-left:5px; position:relative; top:6px;}
.box2 .subbtn{background: url(../images/subbtn.png)/*tpa=https://www.spj5.com/images/subbtn.png*/ no-repeat; display:inline-block;width: 120px; height: 40px;line-height: 35px; cursor: pointer; color: #361905; font-size: 14px;text-align: center;border: none;margin-top: 15px; padding:0; font-weight:bold;}
.box2 .check{background: url(../images/subbtn2.png)/*tpa=https://www.spj5.com/images/subbtn2.png*/ no-repeat; display:inline-block;width: 148px; height:40px;line-height:40px; cursor: pointer; color: #fff; font-size: 14px;text-align: center;border: none;margin-left: 12px; margin-top: 15px;padding:0; font-weight:bold;}

.box2 .mobilesub{background: url(../images/subbtn.png)/*tpa=https://www.spj5.com/images/subbtn.png*/ center center no-repeat; display:inline-block;width:60px; height:40px;line-height:40px; cursor: pointer; color: #361905; font-size: 14px;text-align: center;border: none; margin-left:5px; padding:0;font-weight:bold;}

#msgNews p{margin-right: 50px;display: inline;color: #ffc547}
#msgNews p b{color: #fff}
#msgNews p i{color: #fff100}

.boxtitle > span{float: right;margin-right: 20px;padding: 10px 30px;border: 1px solid;line-height: 20px;cursor: pointer;margin-top: 18px;}

.layer {
	display: none;
	width: 630px;
	min-height: 320px;
	position: relative;
	background: #0c0c0e;
	border: 2px solid #55492b;

	overflow: hidden
}
.layer .close {position: absolute;	top: 40px;right: 40px;background: url(../images/close.png);width: 18px;height: 18px;cursor: pointer}

.layer .l-logo {
	text-align: center;
	margin-top: 20px
}

.layer .l-logo img {
	width: 200px
}

.layer .l-line {
	color: #d1ae43;
	margin: 20px 0 0 170px;
	font-size: 15px;
	line-height: 32px;
	font-size: 0
}

.layer .l-line .label {
	font-size: 15px;
	width: 90px;
	display: inline-block;
	line-height: 34px;
	vertical-align: middle;
	/* text-align: justify;
	text-align-last: justify */
}

.layer .l-line input,
.layer .l-line select {
	font-size: 15px;
	vertical-align: middle;
	line-height: 32px;
	height: 32px;
	/* background: #0c0c0e; */
	text-indent: 10px;
	width: 200px;
	/* color: #d1ae43; */
    /* border: 1px solid #41340a */
    color: #333;
    border: 1px solid #ededed;
    background: #ededed;
    border-radius: 6px;
}

.layer .l-line .theme {
	font-size: 15px;
	color: #d1ae43;
	vertical-align: middle
}

.layer .l-line .line {
	font-size: 15px;
	color: #fff;
	line-height: 34px;
	vertical-align: middle
}

.layer .l-line option {
	line-height: 32px
}

.layer .l-line .red {
	color: red;
	margin-left: 10px
}

.layer .l-line .w110 {
	width: 110px
}

.layer .l-line img {
	vertical-align: middle
}

.layer .l-line .refresh {
	color: #d1ae43;
	font-size: 15px;
	display: inline-block;
	vertical-align: middle;
	line-height: 34px;
	margin-left: 10px;
	cursor: pointer
}

.layer .btn {
	width: 130px;
	height: 40px;
	display: inline-block;
	margin-right: 30px;
	margin-top: 10px;
	cursor: pointer
}

.layer .focus {
	border: 1px solid #d1ae43 !important
}
/*
.layer:after {
	content: '';
	display: block;
	width: 630px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/layer-bg-head.png) top left no-repeat;
	height: 36px
}

.layer:before {
	content: '';
	display: block;
	width: 630px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../images/layer-bg-footer.png) top left no-repeat;
	height: 36px
} */

.layer-save {
	height: 500px
}

.layer-save .l-line {
	margin-left: 0px
}

.layer-save .l-line .label {
	width: 220px;
	text-align: right;
}

.layer-save .l-line input,
.layer-save .l-line select {
	width: 300px
}

.layer-save .btn {
	margin-left: 220px
}

.layer-find-com {
	text-align: center;
	color: #d1ae43
}

.layer-find-com h2 {
	font-size: 24px;
	padding: 30px 0
}

.layer-find-com table {
	width: 90%;
	margin: 0 auto
}

.layer-find-com table td,
.layer-find-com table th {
	border: 1px solid #d1ae43;
	text-align: center;
	padding: 10px 0
}
.topnav{
	position: absolute;
	right:50px;
	top:18px;
	font-size:14px;
	color:#fff;
}
.topnav a{font-size:14px;}
.banner{
	height: 646px;
	overflow: hidden;
}
.notice{width:278px;
	height: 268px;
	padding:65px 25px 25px;
	background: url(../images/notice-bg.png) top center no-repeat;
	margin-top:50px;

}

.banner .headtitle{
	position: absolute;
	left: 347px;
	visibility: visible;
	top: 0;
}

.banner .query {
	position: absolute;
	width: 190px;
	height: 80px;
	/* left: 330px; */
	left:430px;
	top: 90px;
	cursor: pointer;
}
.banner .getDiscount {
	position: absolute;
	width: 190px;
	height: 80px;
	left: 525px;
	top: 90px;
	cursor: pointer;
}
.notice-box{ width:100%;height: 100%; overflow: hidden; }
.notice p{ color:#fff;font-size:14px; line-height: 26px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.blod{ font-weight: bold;}
.yellow{color:#ffcd66;}

.mobile_phone{width:200px !important;}
.code-btn{
	display: inline-block;
    font-size: 14px;
    width: 90px;
    background: #edd589;
    margin-left: 10px;
    line-height: 32px;
    border: 1px solid #edd68c;
    vertical-align: top;
    text-align: center;
    color: #322a03;
    cursor: pointer;
}

#content table{ width:100% !important; max-width:100% !important;}


.getdiscount_con {
	background: #201d15 url(../images/tcbg.png) top center no-repeat;
	border: 1px solid #ffec9b;
	border-radius: 8px;
	width: 798px;
	/* height: 502px; */
	height: 600px;
	display: none;
	position: relative;
	overflow: hidden
}

.getdiscount_con .tclogo {
	background: url(../images/tclogo02.png) no-repeat center center;
	width: 180px;
	height: 79px;
	display: block;
	margin: 0 auto;
	margin-top: 18px;
	background-size: 100% auto;
}

.getdiscount_con .fg {
	background: url(../images/fg.png) no-repeat;
	width: 712px;
	height: 17px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

.getdiscount_con h2 {
	color: #ffecb7;
	font-size: 18px;
	text-align: left;
	line-height: 24px;
	margin-bottom: 5px;
}

.getdiscount_con p {
	color: #ffecb7;
	font-size: 14px;
	line-height: 80px;
}

.getdiscount_con p input {
	width: 196px;
	height: 30px;
	border: 1px solid #ededed;
	border-radius: 7px;
	background: #ededed;
	text-align: left;
	color: #9d9d9d;
	font-size: 14px;
	padding-left: 15px;
}

.getdiscount_con p input::-webkit-input-placeholder {
	color: #9d9d9d;
}

.getdiscount_con p input::-moz-placeholder {
	color: #9d9d9d;
	opacity: 1;
}

.getdiscount_con p input:-moz-placeholder {
	color: #9d9d9d;
	opacity: 1;
}

.getdiscount_con p span {
	display: inline-block;
	width: 112px;
	text-align: right;
	color: #ffecb7;
	font-size: 14px;
	margin-right: 10px;
}

.getdiscount_con p .yzmimg {
	position: relative;
	margin-left: -80px;
	vertical-align: middle;
	top: -2px;
}

.getdiscount_con p .subbtn {
	background: url(../images/subbtn02.png) no-repeat;
	text-align: center;
	width: 85px;
	height: 30px;
	border: none;
	border-radius: 2px;
	color: #5e2f0f;
	cursor: pointer;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	margin-left: 11px;
	background-size: 100% auto;
}

.getdiscount_con p select {
	width: 423px;
	height: 42px;
	color: #9d9d9d;
	background: #ededed;
	font-size: 14px;
	padding-left: 13px;
	border: none;
	border-radius: 7px;
}

.getdiscount_con p select option {
	padding-left: 15px;
}

.getdiscount_con .line {
	height: 1px;
	background: #9a7b2f;
	width: 720px;
	margin: 0 auto;
	margin-top: 20px;
}

.getdiscount_con a.linkhome {
	width: 110px;
	height: 36px;
	background: url(../images/linkhome.png) right center no-repeat;
	height: 18px;
	line-height: 18px;
	display: block;
	margin: 20px auto;
	text-align: left;
	color: #c08467;
	font-size: 14px;
}

.getdiscount_con .pages {
	margin: 0 auto;
	margin-top: 20px;
	text-align: center
}

.getdiscount_con .pages a {
	display: inline-block;
	padding: 0 6px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	background: #9a7b2f;
	margin: 0 5px;
	color: #fff
}

.getdiscount_con .con3 {
	text-align: center;
}

.getdiscount_con .con4 {
	display: none;
	height: 380px;
	overflow-y: auto;
}
.getdiscount_con .con4 .getit {
	text-align: right;
	line-height: 45px;
	width: 600px;
	margin: 0 auto;
}
.getdiscount_con .con4 .getit input {
	background: url(../images/subbtn02.png) no-repeat;
	text-align: center;
	width: 85px;
	height: 30px;
	border: none;
	border-radius: 2px;
	color: #5e2f0f;
	cursor: pointer;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	background-size: 100% auto;
}
.getdiscount_con .getnotice {
	width: 600px;
	margin: 0 auto;
	text-align: left;
	margin-top: 40px;
}
.getdiscount_con .getnotice p {
	line-height: 20px;
}

.getdiscount_con .con4 table {
	width: 600px;
	margin: 0 auto
}

.getdiscount_con .con4 table tr th {
	border: 1px solid #9a7b2f;
	height: 40px;
	line-height: 40px;
	color: #ffecb7;
	font-size: 14px;
	text-align: center;
	font-weight: normal
}

.getdiscount_con .con4 table tr td {
	border: 1px solid #9a7b2f;
	height: 40px;
	line-height: 40px;
	color: #ffecb7;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}

.getdiscount_con .con4 table tr td a {
	font-size: 14px;
}

.closebtn {
	background: url(../images/closebtn02.png) no-repeat;
	width: 54px;
	height: 54px;
	position: absolute;
	right: 0px;
	top: 0px;
	display: block;
	cursor: pointer;
}