383 lines
26 KiB
CSS
383 lines
26 KiB
CSS
|
|
|
|
|
|
.swiper-container {
|
|
width: 100%;
|
|
height: 550px;
|
|
background: #000;
|
|
}
|
|
.swiper-slide {
|
|
font-size: 18px;
|
|
color:#fff;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
padding: 40px 60px;
|
|
}
|
|
.parallax-bg {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 130%;
|
|
height: 100%;
|
|
-webkit-background-size: cover;
|
|
background-size: cover;
|
|
background-position: center;
|
|
}
|
|
.swiper-slide .title {
|
|
font-size: 41px;
|
|
font-weight: 300;
|
|
}
|
|
.swiper-slide .subtitle {
|
|
font-size: 21px;
|
|
}
|
|
.swiper-slide .text {
|
|
font-size: 14px;
|
|
|
|
line-height: 1.3;
|
|
text-align:center;
|
|
padding-top: 200px;
|
|
|
|
}
|
|
.swiper-slide .text p{
|
|
text-align: center;
|
|
|
|
}
|
|
.bottom .container{
|
|
padding-top: 0px;
|
|
}
|
|
.header .container{
|
|
padding-top: 0px;
|
|
}
|
|
.container{
|
|
padding-top: 60px;
|
|
max-width: 1050px;
|
|
}
|
|
.newsblock .container,.choose .container,.gameTips .container,.guide .container{
|
|
padding-top: 0px;
|
|
}
|
|
.newsblock .news h2 {
|
|
color: #AAA;
|
|
line-height: 30px;
|
|
font-size: 16px;
|
|
}
|
|
.gameblock {overflow:hidden; float:right; width:45%;
|
|
padding: 0px;}
|
|
.gameblock .playRight{ float:right !important;}
|
|
.gameblock .link { width:100%;padding-right: 0px;}
|
|
.gameblock .link li { float:left; width:45%; height:120px; color:#FFF; background:#FDFEFF; text-align:center; margin-bottom:20px; line-height:120px;}
|
|
/*鍦熷湴浠嬬粛&鏋滃疄浠嬬粛&閬撳叿浠嬬粛&瀹犵墿浠嬬粛*/
|
|
.gameblock .link li:last-child(even){
|
|
float: right;
|
|
}
|
|
.gameblock .link li a{ border:none; position:relative; transition:800ms ease all; outline:none;display:block; font-size:16px; font-weight:bold; color:#FFF;text-decoration:none;}
|
|
/*鍦熷湴浠嬬粛*/
|
|
.gameblock .link li .link_1{ background:#FF6600;}
|
|
.gameblock .link li .link_1:hover{ background:#fff; color:#FF6600;}
|
|
.gameblock .link li .link_1:before,.gameblock .link li .link_1:after{ content:''; position:absolute; top:0; right:0; height:2px; width:0; background: #FF6600;transition:400ms ease all;}
|
|
.gameblock .link li .link_1:after{ right:inherit; top:inherit; left:0; bottom:0;}
|
|
.gameblock .link li .link_1:hover:before,.gameblock .link li .link_1:hover:after{width:100%;transition:800ms ease all;}
|
|
/*鏋滃疄浠嬬粛*/
|
|
.gameblock .link li .link_2{ background:#53A0E3;}
|
|
.gameblock .link li .link_2:hover{ background:#fff; color:#53A0E3;}
|
|
.gameblock .link li .link_2:before,.gameblock .link li .link_2:after{ content:''; position:absolute; top:0; right:0; height:2px; width:0; background: #53A0E3;transition:400ms ease all;}
|
|
.gameblock .link li .link_2:after{ right:inherit; top:inherit; left:0; bottom:0;}
|
|
.gameblock .link li .link_2:hover:before,.gameblock .link li .link_2:hover:after{width:100%;transition:800ms ease all;}
|
|
/*閬撳叿浠嬬粛*/
|
|
.gameblock .link li .link_3{ background:#F56363;}
|
|
.gameblock .link li .link_3:hover{ background:#fff; color:#F56363;}
|
|
.gameblock .link li .link_3:before,.gameblock .link li .link_3:after{ content:''; position:absolute; top:0; right:0; height:2px; width:0; background: #F56363;transition:400ms ease all;}
|
|
.gameblock .link li .link_3:after{ right:inherit; top:inherit; left:0; bottom:0;}
|
|
.gameblock .link li .link_3:hover:before,.gameblock .link li .link_3:hover:after{width:100%;transition:800ms ease all;}
|
|
/*瀹犵墿浠嬬粛*/
|
|
.gameblock .link li .link_4{ background:#8C98B6;}
|
|
.gameblock .link li .link_4:hover{ background:#fff; color:#8C98B6;}
|
|
.gameblock .link li .link_4:before,.gameblock .link li .link_4:after{ content:''; position:absolute; top:0; right:0; height:2px; width:0; background: #8C98B6;transition:400ms ease all;}
|
|
.gameblock .link li .link_4:after{ right:inherit; top:inherit; left:0; bottom:0;}
|
|
.gameblock .link li .link_4:hover:before,.gameblock .link li .link_4:hover:after{width:100%;transition:800ms ease all;}
|
|
/*瑙嗛*/
|
|
.gameblock .farm { width:100%; height:350px; background:#FDFEFF; padding:10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin:0px auto; }
|
|
.gameblock .farm .img { width:100%; overflow:hidden; position:relative; z-index:1; }
|
|
.gameblock .farm .img img { display:block; width:100%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
|
|
.gameblock .farm .img:hover img { -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); }
|
|
.gameblock .farm b { display:block; text-align:center; line-height:45px; font-size:18px; color:#8C98B6;}
|
|
.gameblock .farm .play { position:absolute; z-index:2; top:calc(50% - 20px); left:calc(50% - 20px); width:40px; height:40px; background:url(../images/play.png) center center no-repeat; background-size:contain; cursor:pointer;}
|
|
@media (max-width: 640px) {
|
|
.gameblock { padding:20px;}
|
|
.gameblock .link { float:none; width:100%; padding-right:0; padding-bottom:20px; }
|
|
.gameblock .link li { float:none; width:100%; margin:0 5px; height:50px; line-height:50px;}
|
|
.gameblock .link li a{ padding:0px; font-size:1em;}
|
|
}
|
|
@media (max-width: 767px) {
|
|
.gameblock { padding:20px; float:none;width:100%;}
|
|
.gameblock .link { float:none; width:100%; padding-right:0; padding-bottom:20px; }
|
|
.gameblock .link li { float:left; width:calc(25% - 10px); margin:0 5px; }
|
|
.gameblock .link li:first-child { margin-left:0; width:calc(25% - 5px); }
|
|
.gameblock .link li:last-child { margin-right:0; width:calc(25% - 5px); }
|
|
.gameblock .news { float:none; width:100%; }
|
|
.gameblock .farm{ width:100%; height:inherit;}
|
|
.gameblock .text { float:none; width:100%; margin-left:0; margin-top:20px; }
|
|
|
|
}
|
|
@media (max-width: 1200px) {
|
|
.gameblock{ padding:20px 0px;}
|
|
/*.gameblock .link{ margin:35px auto;}*/
|
|
.gameblock .farm{ width:100%; height:inherit;}
|
|
.gameblock .text { float:none; width:100%; margin-left:0; margin-top:20px; }
|
|
}
|
|
|
|
|
|
|
|
.gameTips { overflow:hidden; padding:60px 0; background:#9de3ff; }
|
|
.gameTips .news { width:45%; }
|
|
.gameTips .playRight{ float:left;}
|
|
.gameTips .link { width:100%; margin:30px auto;}
|
|
.gameTips .link li { float:left; width:45%; height:100px; color:#FFF; text-align:center; margin-bottom:20px; line-height:100px; }
|
|
/*鏂版墜鎸囧崡&娓告垙浠嬬粛&瑙嗛鏁欑▼&甯歌闂*/
|
|
.gameTips .link li a{ background:#ffffff; border:none; position:relative; padding:0 2em; transition:800ms ease all; outline:none;display:block; font-size:16px; font-weight:bold; color:#FFF; background:#ffffff; }
|
|
/*鏂版墜鎸囧崡*/
|
|
.gameTips .link li .link_1{ color:#f2a644;}
|
|
.gameTips .link li .link_1:hover{ background:#f2a644; color:#ffffff;}
|
|
.gameTips .link li .link_1:before,.gameTips .link li .link_1:after{ content:''; position:absolute; top:0; right:0; height:2px; width:0; background: #f2a644;transition:400ms ease all;}
|
|
.gameTips .link li .link_1:after{ right:inherit; top:inherit; left:0; bottom:0;}
|
|
.gameTips .link li .link_1:hover:before,.gameTips .link li .link_1:hover:after{width:100%;transition:800ms ease all;}
|
|
/*娓告垙浠嬬粛*/
|
|
.gameTips .link li .link_2{ color:#c48d4d;}
|
|
.gameTips .link li .link_2:hover{ color:#ffffff;background:#c48d4d;}
|
|
.gameTips .link li .link_2:before,.gameTips .link li .link_2:after{ content:''; position:absolute; top:0; right:0; height:2px; width:0; background: #c48d4d;transition:400ms ease all;}
|
|
.gameTips .link li .link_2:after{ right:inherit; top:inherit; left:0; bottom:0;}
|
|
.gameTips .link li .link_2:hover:before,.gameTips .link li .link_2:hover:after{width:100%;transition:800ms ease all;}
|
|
/*瑙嗛鏁欑▼*/
|
|
.gameTips .link li .link_3{ color:#e8653b;}
|
|
.gameTips .link li .link_3:hover{ background:#e8653b; color:#ffffff;}
|
|
.gameTips .link li .link_3:before,.gameTips .link li .link_3:after{ content:''; position:absolute; top:0; right:0; height:2px; width:0; background: #e8653b;transition:400ms ease all;}
|
|
.gameTips .link li .link_3:after{ right:inherit; top:inherit; left:0; bottom:0;}
|
|
.gameTips .link li .link_3:hover:before,.gameTips .link li .link_3:hover:after{width:100%;transition:800ms ease all;}
|
|
/*甯歌闂*/
|
|
.gameTips .link li .link_4{ color:#e54246;}
|
|
.gameTips .link li .link_4:hover{ color:#fff; background:#e54246;}
|
|
.gameTips .link li .link_4:before,.gameTips .link li .link_4:after{ content:''; position:absolute; top:0; right:0; height:2px; width:0; background: #e54246;transition:400ms ease all;}
|
|
.gameTips .link li .link_4:after{ right:inherit; top:inherit; left:0; bottom:0;}
|
|
.gameTips .link li .link_4:hover:before,.gameTips .link li .link_4:hover:after{width:100%;transition:800ms ease all;}
|
|
|
|
/*鏀荤暐璧勬枡*/
|
|
.gameTips .text { float:right;width:45%; height: 280px; background:#FDFEFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding:20px; }
|
|
.gameTips .text h1 { display:block; font-size:18px; }
|
|
.gameTips .text .summary { line-height:30px; overflow:hidden; text-indent:2em; padding:20px 0; }
|
|
.gameTips .text .more { overflow:hidden; padding:9px 0; }
|
|
.gameTips .text .more .datetime { float:left; font-size:14px; color:#CCC; line-height:45px; }
|
|
.gameTips .text .more .datetime span { padding-left:20px; }
|
|
.gameTips .text .more .morebutton { float:right; }
|
|
@media (max-width: 640px) {
|
|
.gameTips { padding:20px;}
|
|
.gameTips .link { float:none; width:100%; padding-right:0; padding-bottom:20px; }
|
|
.gameTips .link li { float:none; width:100%; margin:0 5px; height:50px; line-height:50px;}
|
|
.gameTips .link li a{ padding:0px; font-size:1em;}
|
|
}
|
|
@media (max-width: 767px) {
|
|
.gameTips { padding:20px;}
|
|
.gameTips .link { float:none; width:100%; padding-right:0; padding-bottom:20px; }
|
|
.gameTips .link li { float:left; width:calc(25% - 10px); margin:0 5px; }
|
|
.gameTips .link li:first-child { margin-left:0; width:calc(25% - 5px); }
|
|
.gameTips .link li:last-child { margin-right:0; width:calc(25% - 5px); }
|
|
.gameTips .news { float:none; width:100%; }
|
|
.gameTips .farm{ width:100%;}
|
|
.gameTips .text { float:none; width:100%; margin-left:0; margin-top:20px; }
|
|
}
|
|
|
|
.button { display:table-cell; height:45px; padding:0 10px; border:1px solid #ddd; background:#FFF; vertical-align: middle; white-space: nowrap; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
|
|
|
|
a.button { display:table-cell; height:45px; padding:0 10px; border:1px solid #ddd; background:#FFF; vertical-align: middle; white-space: nowrap; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height:45px; text-align:center; }
|
|
a.button:hover { border:1px solid #f53a3a; background:#f53a3a; color:#FFF; }
|
|
|
|
.button-color-1 { background:#2c90e8!important; color:#FFF;border: none;outline: none; }
|
|
.button-color-1:hover { background:#68abe6!important; color:#FFF;border: none;outline: none; }
|
|
|
|
.button-color-2 { background:#2c90e8!important; color:#FFF;border: none;outline: none; }
|
|
.button-color-2:hover { background:#68abe6!important;border: none;outline: none;}
|
|
|
|
.button-color-3 { background:#8C98B6!important; border-color:#8C98B6!important; color:#FFF; }
|
|
.button-color-3:hover { background:#A7AFC7!important; border-color:#A7AFC7!important; }
|
|
|
|
.button-color-4 { background:#5B910B!important; border-color:#5B910B!important; color:#FFF; }
|
|
.button-color-4:hover { background:#77BD0E!important; border-color:#77BD0E!important; }
|
|
|
|
|
|
.guide { overflow:hidden; padding-top:60px; background:#f3f3f3; position:relative; height:210px; overflow:hidden; }
|
|
.guide .spline-orange { position:absolute; z-index:3; bottom:-30px; left:calc(50% - 442px); background:url(../images/spline_orange.png) no-repeat center center; width:884px; height:269px; -webkit-animation: orange 2s linear infinite; animation: orange 2s linear infinite; }
|
|
.guide .spline-blue { position:absolute; z-index:2; bottom:-20px; left:calc(50% - 308px - 150px); background:url(../images/spline_blue.png) no-repeat center center; width:616px; height:229px; -webkit-animation: blue 2s linear infinite; animation: blue 2s linear infinite; }
|
|
.guide .spline-yellow { position:absolute; z-index:1; bottom:-40px; left:calc(50% - 258px + 200px); background:url(../images/spline_yellow.png) no-repeat center center; width:516px; height:198px; -webkit-animation: yellow 2s linear infinite; animation: yellow 2s linear infinite; }
|
|
.guide .item { overflow:hidden; float:left; width:calc(25% - 15px); margin-left:15px; background:#FDFEFF; padding:20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
|
|
.guide .item .step { float:left; height:50px; width:50px; background:#FFF; text-align:center; line-height:45px; font-size:24px; color:#FF6803; font-family:Open Sans, sans-serif; border:2px solid #EEE; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
|
|
.guide .item .text { float:left; width:calc(100% - 50px); padding-left:10px; }
|
|
.guide .item .text h2 { color:#BBB; height:25px; line-height:25px; overflow:hidden;font-size: 16px; }
|
|
.guide .item .text h4 { height:25px; line-height:25px; font-weight:normal; color:#AAA; overflow:hidden;font-size: 14px; }
|
|
@media (max-width: 767px) {
|
|
.guide { height:auto; padding:10px 0; }
|
|
.guide .item { float:none; margin:10px 0 0 0!important; width:100%; padding:10px; }
|
|
.guide .item .step { height:50px; width:50px; line-height:40px; font-size:24px; font-weight:bold; }
|
|
.guide .item .text { padding-left:10px; }
|
|
.guide .item .text h2 { font-size:14px; height:30px; line-height:30px; }
|
|
.guide .item .text h4 { height:20px; line-height:20px; }
|
|
.guide .spline-orange { display:none; }
|
|
.guide .spline-blue { display:none; }
|
|
.guide .spline-yellow { display:none; }
|
|
}
|
|
/*商城页面CSS*/
|
|
.commodity{width:44%;height:240px;border:1px solid #d8d8d8;float: left;margin-left: 4%;margin-top: 10px;}
|
|
.commodity:hover{border:1px solid #ff9000;}
|
|
.commodity_img{width:96%;height:160px;margin-top: 10px;margin-left:2%;padding:0;}
|
|
.commodity_name{width:100%;height:30px;font-size:14px;font-family:"Microsoft YaHei";font-weight: bold;color:#ff9000;line-height: 30px;text-align: center;}
|
|
.commodity_price{height:38px;line-height: 38px;color: red;font-size: 18px;font-family:"Microsoft YaHei";text-align: left;float: left;margin-left:5%;}
|
|
.commodity_buy{height:28px;line-height: 28px;color:#fff;background-color:red;font-size:16px;font-family:"Microsoft YaHei";text-align:center;float:right;width:40%;margin-right:5%;padding:0;margin-top:5px;border: none;outline:none;}
|
|
.commodity_buy:hover{background-color: #ff4444;}
|
|
@media (max-width: 767px) {
|
|
.commodity{width:44%;height:240px;border:1px solid #d8d8d8;float: left;margin-left: 4%;margin-top: 10px;}
|
|
.commodity:hover{border:1px solid #ff9000;}
|
|
.commodity_img{width:96%;height:160px;margin-top: 10px;margin-left:2%;padding:0;}
|
|
.commodity_name{width:100%;height:30px;font-size:14px;font-family:"Microsoft YaHei";font-weight: bold;color:#ff9000;line-height: 30px;text-align: center;}
|
|
.commodity_price{height:38px;line-height: 38px;color: red;font-size: 18px;font-family:"Microsoft YaHei";text-align: left;float: left;margin-left:5%;}
|
|
.commodity_buy{height:28px;line-height: 28px;color:#fff;background-color:red;font-size:16px;font-family:"Microsoft YaHei";text-align:center;float:right;width:40%;margin-right:5%;padding:0;margin-top:5px;border: none;outline:none;}
|
|
.commodity_buy:hover{background-color: #ff4444;}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.commodity{width:30%;height:240px;float: left;margin-left: 3%;margin-top: 15px;}
|
|
.commodity:hover{border:1px solid #ff9000;}
|
|
.commodity_img{width:96%;height:160px;margin-top: 10px;margin-left:2%;padding:0;}
|
|
.commodity_name{width:100%;height:30px;font-size:14px;font-family:"Microsoft YaHei";font-weight: bold;color:#ff9000;line-height: 30px;text-align: center;}
|
|
.commodity_price{height:38px;line-height: 38px;color: red;font-size: 18px;font-family:"Microsoft YaHei";text-align: left;float: left;margin-left:5%;}
|
|
.commodity_buy{height:28px;line-height: 28px;color:#fff;background-color:red;font-size:16px;font-family:"Microsoft YaHei";text-align:center;float:right;width:40%;margin-right:5%;padding:0;margin-top:5px;border: none;outline:none;}
|
|
.commodity_buy:hover{background-color: #ff4444;}
|
|
|
|
}
|
|
@media (min-width: 992px) {
|
|
.commodity{width:20%;height:220px;float: left;margin-left: 4%;margin-top:20px;}
|
|
.commodity:hover{border:1px solid #ff9000;}
|
|
.commodity_img{width:96%;height:150px;margin-top: 6px;margin-left:2%;padding:0;}
|
|
.commodity_name{width:100%;height:26px;font-size:12px;font-family:"Microsoft YaHei";font-weight: bold;color:#ff9000;line-height: 26px;text-align: center;}
|
|
.commodity_price{height:36px;line-height: 36px;color: red;font-size: 16px;font-family:"Microsoft YaHei";text-align: left;float: left;margin-left:5%;}
|
|
.commodity_buy{height:26px;line-height: 26px;color:#fff;background-color:red;font-size:14px;font-family:"Microsoft YaHei";text-align:center;float:right;width:40%;margin-right:5%;padding:0;margin-top:5px;border: none;outline:none;}
|
|
.commodity_buy:hover{background-color: #ff4444;}
|
|
}
|
|
.zhezhao{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,0.3);z-index: 999;}
|
|
@media (max-width: 767px){
|
|
.tk_bg{width:90%;height:14rem;position: fixed;margin-left:5%;top:9rem;background-color:#ffffff;font-family:Hiragino Sans GB;}
|
|
.tk_bg a{border:0;text-decoration:none;}
|
|
.tk_pic{float: left;position:relative;width:7.8rem;height:10rem;background-color: #f0f0f0;position: relative;margin-top:1rem;margin-left:1rem;}
|
|
.tk_massage{float: left;position:relative;margin-left: 0.4rem;margin-top:1rem;width:8.8rem;height:10rem;}
|
|
.tk_massage h3{font-weight: 700;color:#ff9000;font-size:1.5rem;height:2rem;}
|
|
.tk_products{width:8.4rem;height:2.4rem;background-color:#fffef4;font-size:0.6rem;line-height:0.8rem;word-break: break-all;color: #999999;padding: 0 0.2rem;}
|
|
.tk_price{width: 8.4rem;height:1.8rem;padding: 0 0.2rem;font-size:0.8rem;line-height: 1.8rem;color:#666666;font-weight: 600;}
|
|
.tk_price strong{color:#ff0000;font-size:0.7rem;font-weight: normal;}
|
|
.tk_price span{color:#ff0000;font-size:0.7rem;font-weight: normal;}
|
|
.tk_num{width: 8.4rem;height:2rem;padding: 0 0.2rem;font-size:0.8rem;line-height:2rem;color:#666666;font-weight:600;}
|
|
.tk_num .reduce{display:inline-block;width:0.6rem;height: 0.6rem;background-image: url("./../images/reduce.png");background-size: cover;}
|
|
.tk_num .reduce:hover{background-image: url("./../images/reduce_red.png")}
|
|
.tk_num .add{display:inline-block;width:0.6rem;height: 0.6rem;background-image: url("./../images/add.png");background-size: cover;}
|
|
.tk_num .add:hover{background-image: url("./../images/add_red.png")}
|
|
.tk_num input{width:3.6rem;height:1.9rem;margin:0;padding:0;line-height: 1.8rem;text-align: center;color: #ff0000;font-size:1rem;}
|
|
.tk_bg button{width:8.4rem;height:2rem;margin-top:0.5rem;margin-left:0.4rem;color: #fff;font-size: 0.6rem;border-radius:0.1rem;border: none;outline: none;padding:0;}
|
|
.btn_back{background-color:#006ff9;}
|
|
.btn_back:hover{background-color: #2788ff;}
|
|
.btn_buy{background-color:#ff0000;}
|
|
.btn_buy:hover{background-color:#ff3838;}
|
|
}
|
|
@media (min-width: 768px){
|
|
.tk_bg{width:10rem;height:7rem;position: fixed;left: 5.5rem;top:200px;background-color:#ffffff;font-family:Hiragino Sans GB;}
|
|
.tk_bg a{border:0;text-decoration:none;}
|
|
.tk_pic{float: left;position:relative;width:4.5rem;height:5rem;background-color: #f0f0f0;position: relative;margin-top:0.5rem;margin-left:0.5rem;}
|
|
.tk_massage{float: left;position:relative;margin-left: 0.3rem;margin-top:0.5rem;width:4.7rem;height:5rem;}
|
|
.tk_massage h3{font-weight: 700;color:#ff9000;font-size:0.7rem;height:1rem;}
|
|
.tk_products{width:4.5rem;height:1.2rem;background-color:#fffef4;font-size:0.25rem;line-height:0.4rem;word-break: break-all;color: #999999;padding: 0 0.1rem;}
|
|
.tk_price{width: 4.5rem;height: 0.9rem;padding: 0 0.1rem;font-size:0.3rem;line-height: 0.9rem;color:#666666;font-weight: 600;}
|
|
.tk_price strong{color:#ff0000;font-size:0.3rem;font-weight: normal;}
|
|
.tk_price span{color:#ff0000;font-size:0.3rem;font-weight: normal;}
|
|
.tk_num{width: 4.5rem;height:1rem;padding: 0 0.1rem;font-size:0.3rem;line-height:1rem;color:#666666;font-weight:600;}
|
|
.tk_num .reduce{display:inline-block;width:0.3rem;height: 0.3rem;background-image: url("./../images/reduce.png");background-size: cover;}
|
|
.tk_num .reduce:hover{background-image: url("./../images/reduce_red.png")}
|
|
.tk_num .add{display:inline-block;width:0.3rem;height: 0.3rem;background-image: url("./../images/add.png");background-size: cover;}
|
|
.tk_num .add:hover{background-image: url("./../images/add_red.png")}
|
|
.tk_num input{width:2rem;height:0.95rem;margin:0;padding:0;line-height: 0.95rem;text-align: center;color: #ff0000;font-size:0.4rem;}
|
|
.tk_bg button{width:4.4rem;height:1rem;margin-top:0.25rem;margin-left:0.4rem;color: #fff;font-size: 0.3rem;border-radius:0.05rem;border: none;outline: none;padding:0;}
|
|
.btn_back{background-color:#006ff9;}
|
|
.btn_back:hover{background-color: #2788ff;}
|
|
.btn_buy{background-color:#ff0000;}
|
|
.btn_buy:hover{background-color:#ff3838;}
|
|
}
|
|
@media (min-width: 992px){
|
|
.tk_bg{width:10rem;height:7rem;position: fixed;left: 5.5rem;top:150px;background-color:#ffffff;font-family:Hiragino Sans GB;}
|
|
.tk_bg a{border:0;text-decoration:none;}
|
|
.tk_pic{float: left;position:relative;width:4.5rem;height:5rem;background-color: #f0f0f0;position: relative;margin-top:0.5rem;margin-left:0.5rem;}
|
|
.tk_massage{float: left;position:relative;margin-left: 0.3rem;margin-top:0.5rem;width:4.7rem;height:5rem;}
|
|
.tk_massage h3{font-weight: 700;color:#ff9000;font-size:0.7rem;height:1rem;}
|
|
.tk_products{width:4.5rem;height:1.2rem;background-color:#fffef4;font-size:0.25rem;line-height:0.4rem;word-break: break-all;color: #999999;padding: 0 0.1rem;}
|
|
.tk_price{width: 4.5rem;height: 0.9rem;padding: 0 0.1rem;font-size:0.3rem;line-height: 0.9rem;color:#666666;font-weight: 600;}
|
|
.tk_price strong{color:#ff0000;font-size:0.3rem;font-weight: normal;}
|
|
.tk_price span{color:#ff0000;font-size:0.3rem;font-weight: normal;}
|
|
.tk_num{width: 4.5rem;height:1rem;padding: 0 0.1rem;font-size:0.3rem;line-height:1rem;color:#666666;font-weight:600;}
|
|
.tk_num .reduce{display:inline-block;width:0.3rem;height: 0.3rem;background-image: url("./../images/reduce.png");background-size: cover;}
|
|
.tk_num .reduce:hover{background-image: url("./../images/reduce_red.png")}
|
|
.tk_num .add{display:inline-block;width:0.3rem;height: 0.3rem;background-image: url("./../images/add.png");background-size: cover;}
|
|
.tk_num .add:hover{background-image: url("./../images/add_red.png")}
|
|
.tk_num input{width:2rem;height:0.95rem;margin:0;padding:0;line-height: 0.95rem;text-align: center;color: #ff0000;font-size:0.4rem;}
|
|
.tk_bg button{width:4.4rem;height:1rem;margin-top:0.25rem;margin-left:0.4rem;color: #fff;font-size: 0.3rem;border-radius:0.05rem;border: none;outline: none;padding:0;}
|
|
.btn_back{background-color:#006ff9;}
|
|
.btn_back:hover{background-color: #2788ff;}
|
|
.btn_buy{background-color:#ff0000;}
|
|
.btn_buy:hover{background-color:#ff3838;}
|
|
}
|
|
|
|
/*二维码CSS*/
|
|
.app-download {
|
|
width: 150px;
|
|
height: 190px;
|
|
position: fixed;
|
|
z-index:999999;
|
|
right: 20px;
|
|
top: 430px;
|
|
-webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1);
|
|
-moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1);
|
|
box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1);
|
|
background-color: white;
|
|
}
|
|
.app-download p{
|
|
line-height: 40px;
|
|
text-align: center;
|
|
font-size: 14px;
|
|
color: #fb7000;
|
|
}
|
|
.app-download img{
|
|
width: 100%;
|
|
}
|
|
@media (max-width: 767px) {
|
|
.app-download{
|
|
display: none;
|
|
}
|
|
}
|
|
/*兑换中心CSS*/
|
|
.dh_tittle{height: 60px;line-height: 85px;font-size:16px;font-weight: 600;color: #888;float: left;position: absolute;}
|
|
.dh_tittlenum{width: 100%;height: 60px;line-height: 85px;text-align: right;font-size:14px;color: #ff6600;border-bottom: 1px solid #d2d2d2;font-weight: 600;}
|
|
@media (min-width: 767px){
|
|
.dh_textbox{width:100%;height:48px;}
|
|
.textbox_gold{width:25%;margin-left:5%;height: 48px;line-height: 64px;text-align: center;font-size: 16px;float: left;color:#ff6600;}
|
|
.textbox_null{width:10%;min-width:72px;height:48px;float: left;}
|
|
.textbox_money{width:25%;height: 48px;line-height: 64px;text-align: center;font-size: 16px;float: left;color:#ff6600;}
|
|
.input_gold{width:25%;margin-left:5%;height: 54px;line-height: 54px;padding:0;border:1px solid #d2d2d2;text-align: center;font-size: 14px;float: left;}
|
|
.input_null{width:10%;min-width:72px;height:54px;float: left;line-height: 54px;text-align: center}
|
|
.input_money{width:25%;height: 54px;line-height: 54px;padding:0;border:1px solid #d2d2d2;text-align: center;font-size: 14px;float: left;}
|
|
.dh_btn{width:15%;margin-left:5%;height: 54px;line-height: 54px;padding:0;background-color:#2c90e8 !important;text-align: center;font-size: 14px;float: left;color:#fff;border: none;outline: none;}
|
|
.dh_btn:hover{background:#68abe6!important;}
|
|
.dh_wall{width: 100%;height: 60px;clear: both;}
|
|
}
|
|
@media (max-width: 767px){
|
|
.dh_textbox{width:100%;height:48px;}
|
|
.textbox_gold{width:40%;height: 48px;line-height: 64px;text-align: center;font-size: 14px;float: left;color:#ff6600;}
|
|
.textbox_null{width:20%;height:48px;float: left;}
|
|
.textbox_money{width:40%;height: 48px;line-height: 64px;text-align: center;font-size: 14px;float: left;color:#ff6600;}
|
|
.input_gold{width:40%;height: 48px;line-height: 48px;padding:0;border:1px solid #d2d2d2;text-align: center;font-size: 12px;float: left;}
|
|
.input_null{width:20%;height:48px;float: left;line-height: 48px;text-align: center}
|
|
.input_money{width:40%;height:48px;line-height:48px;padding:0;border:1px solid #d2d2d2;text-align: center;font-size: 12px;float: left;}
|
|
.dh_btn{margin-top:20px;width:100%;height:48px;line-height:48px;padding:0;background-color:#2c90e8 !important;text-align: center;font-size: 14px;float: left;color:#fff;border: none;outline: none;}
|
|
.dh_btn:hover{background:#68abe6!important;}
|
|
.dh_wall{width: 100%;height:36px;clear: both;}
|
|
}
|
|
.loginbox .loginbox-inner-form .form-group .chongzhi { display:block; cursor:pointer; float:right; margin:0 !important;color:#0050e3;} |