288 lines
15 KiB
CSS
288 lines
15 KiB
CSS
|
||
|
||
|
||
/*ÐÂ°æ ³é½±*/
|
||
.chouj_new01{ width:100%; background:url(../images/chouj_new01.jpg) no-repeat center; height:345px;}
|
||
.chouj_new02{ width:100%; background:url(../images/chouj_new02.jpg) no-repeat center; height:445px;}
|
||
.chouj_new02 .mmd{ width:1200px; margin:0 auto; padding-top:100px;}
|
||
.chouj_new02 .mmd .kuang{ width:200px; height:200px;border-radius:20px; background:rgba(255, 174, 0, 0.8); margin-left:935px; padding-top:10px;}
|
||
.chouj_new02 .mmd .kuang .kuang_xiao{ width:180px; height:190px; margin:10px; margin-top:0px;background:rgba(211, 64, 25, 0.6);border-radius:20px;}
|
||
.chouj_new02 .mmd .kuang .kuang_xiao .font1{ font-family:"ºÚÌå"; font-size:16px; color:#000; width:180px; text-align:center; line-height:90px;}
|
||
.chouj_new02 .mmd .kuang .kuang_xiao .ban_an{ width:148px; height:49px; margin:0 auto; background:url(../images/ban_an.png) no-repeat; margin-top:25px;}
|
||
.chouj_new02 .mmd .kuang .kuang_xiao .ban_an a{width:148px; height:49px; float:left;}
|
||
.chouj_new03{ width:100%; background:url(../images/chouj_new03.jpg) no-repeat center; height:651px; position:relative;}
|
||
.chouj_new03 .xinx_lo{ width:570px; margin:0 auto; padding-top:430px; padding-left:630px; color:#ff0000; font-family:Tahoma, Geneva, sans-serif; font-size:13px; position:relative}
|
||
.chouj_new03 .xinx_lo ul,.chouj_new05 .xinx_jo ul{ padding-left:30px; padding-top:20px;}
|
||
.chouj_new03 .xinx_lo ul li,.chouj_new05 .xinx_jo ul li{ width:450px; line-height:24px;}
|
||
.chouj_new03 .xinx_lo ul li .span1,.chouj_new05 .xinx_jo ul li .span1{ width:150px; float:left;}
|
||
.chouj_new03 .xinx_lo ul li .span2,.chouj_new05 .xinx_jo ul li .span2{ width:150px; float:left;}
|
||
.chouj_new03 .xinx_lo ul li .span3,.chouj_new05 .xinx_jo ul li .span3{ width:150px; float:left;}
|
||
.chouj_new03 .xinx_lo em{ width:170px; height:170px; display:block; position:absolute; left:225px; top:240px;}
|
||
.chouj_new03 .xinx_lo em a{ display:block;width:170px; height:170px; float:left;}
|
||
.chouj_new04{ width:100%; background:url(../images/chouj_new04.jpg) no-repeat center; height:365px;}
|
||
.chouj_new04 .text_lo{ width:1110px; margin:0px auto; color:#e15422; line-height:24px; padding-left:90px; padding-top:25px;}
|
||
.chouj_new04 .text_lo span{ font-family:Tahoma, Geneva, sans-serif; font-size:16px; color:#f6921e; font-weight:bold;}
|
||
.chouj_new05{ width:100%; background:url(../images/chouj_new05.jpg) no-repeat center; height:582px;}
|
||
.chouj_new05 .xinx_jo{ width:1060px; margin:0 auto; padding-top:355px; padding-left:140px; color:#ff0000; font-family:Tahoma, Geneva, sans-serif; font-size:13px; position:relative;}
|
||
.chouj_new05 .xinx_jo em{ width:170px; height:170px; display:block; position:absolute; left:805px; top:170px;}
|
||
.chouj_new05 .xinx_jo em a{ display:block;width:170px; height:170px; float:left;}
|
||
.chouj_new06{ width:100%; background:#180000; padding-top:50px; padding-bottom:35px; font-style:normal;}
|
||
.chouj_new06 .bj_700{ width:1050px; margin:0 auto; background:#fce844;border-radius:20px; padding-bottom:5px;}
|
||
.chouj_new06 .bj_700 h2{ width:1050px; height:36px; line-height:36px; text-align:center; font-size:40px; font-family:"΢ÈíÑźÚ"; color:#000; position:relative;}
|
||
.chouj_new06 .bj_700 h2 .lel{ width:680px; position:absolute; right:85px; top:10px; font-size:16px; line-height:22px; text-align:left;font-style:normal; font-weight:normal;}
|
||
.chouj_new06 .bj_700 h2 .lel span{}
|
||
.chouj_new06 .bj_700 h2 .lel span i{ color:#ff0000; font-style:normal;}
|
||
.chouj_new06 .bj_700 h2 em{font-style:normal;}
|
||
.chouj_new06 .bj_700 h2 .but_c{ width:100%; height:38px; background:#f5911f; border:none;border-radius:6px; font-size:14px; color:#fff; font-weight:bold;}
|
||
.chouj_new06 .bj_700 .bjj{ float:left; width:1050px; margin:0 auto;height:600px; background:#fff;border-radius:20px; padding-bottom:35px;}
|
||
.chouj_new06 .bj_700 .bjj ul{ padding-top:15px;}
|
||
.chouj_new06 .bj_700 .bjj ul li{width:66px; height:56px; background:url(../images/chouj_new_bj.png) no-repeat; float:left; margin-left:35px; margin-bottom:15px; color:#ff0000; font-family:"ËÎÌå"; text-align:center; padding-top:23px; font-weight:bold;}
|
||
.chouj_new06 .bj_700 .bjj ul li span{ font-size:20px;}
|
||
.chouj_new06 .bj_700 .bjj ul .li1{ background-position:0 0;}
|
||
.chouj_new06 .bj_700 .bjj ul .li2{ background-position:-98px 0;}
|
||
.chouj_new06 .bj_700 .bjj ul .li3{ background-position:-196px 0;}
|
||
.chouj_new06 .bj_700 .bjj ul .li4{ background-position:-284px 0;}
|
||
.chouj_new06 .bj_700 .bjj ul .li5{ background-position:-382px 0;}
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
body{ margin:0px; padding:0px; font-size:12px; font-family:"ËÎÌå",Verdana, Geneva, sans-serif; color:#666;}
|
||
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,h7,form{ margin:0px; padding:0px; list-style:none;}
|
||
.clear{ clear:both; font-size:0px; height:0px;}
|
||
.divleft{ float:left;}
|
||
.divright{ float:right;}
|
||
img{ border:0px;}
|
||
body{}
|
||
a{ text-decoration:none;}
|
||
a:hover{}
|
||
|
||
.cd0281e{ color:#d0281e;}
|
||
.c1d5b9f{ color:#1d5b9f;}
|
||
.ceaac44{ color:#eaac44;}
|
||
.c92bd49{ color:#92bd49;}
|
||
.c27a196{ color:#27a196;}
|
||
.c666666{ color:#666666;}
|
||
|
||
a {
|
||
color: #666666;
|
||
}
|
||
|
||
/*Í·²¿*/
|
||
#top{ width:100%; min-width:1200px;height:34px; background:#f7f7f7; border-bottom:1px solid #eee; line-height:34px;}
|
||
#top .w1200{ width:1200px; margin:0px auto;}
|
||
#top .w1200 .left{ float:left;}
|
||
#top .w1200 .left .ico{ width:60px; height:34px; float:left; background:url(../images/ico20140114.png) no-repeat 0 6px; padding-left:18px; border-right:1px solid #dcdcdc; margin-right:12px;}
|
||
#top .w1200 .left .ico a{ color:#333;}
|
||
#top .w1200 .left .ico a:hover{ color:#D0281E;}
|
||
#top .w1200 .left a{ color:#666;}
|
||
#top .w1200 .left a:hover{ color:#1d5b9f;}
|
||
#top .w1200 .right{ float:right;}
|
||
#top .w1200 .right ul{}
|
||
#top .w1200 .right ul li{ float:left; padding-left:5px; position:relative}
|
||
|
||
#top .w1200 .right ul li em{background: url("../images/down.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);display: block;height: 3px;position: absolute;right: 0;top: 15px;width: 6px;}
|
||
#top .w1200 .right ul li:hover em{background:url(../images/up.png) no-repeat; display: block}
|
||
#top .w1200 .right ul li .asa{ display: none;}
|
||
#top .w1200 .right ul li:hover .asa{ display: block}
|
||
|
||
#top .w1200 .right ul li .em1{background: url("../images/gif-0309.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);height: 9px;left: 70px; position: absolute;top:3px;width: 22px;}
|
||
#top .w1200 .right ul li a{ color:#666;}
|
||
#top .w1200 .right ul li a:hover{ color:#d0281e}
|
||
#top .w1200 .right ul li span{ width:12px; height:11px; background:url(../images/ico_x.png) no-repeat; display:block; float:left; margin-top:11px; margin-right:3px;}
|
||
#top .w1200 .right ul li .cart_top{background: url(../images/mincart.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
|
||
|
||
|
||
/*center_w1200*/
|
||
#center_w1200{ width: 1200px; margin:0px auto;}
|
||
#center_w1200 .login{ width:1200px; height:80px; padding-top:28px;}
|
||
#center_w1200 .login .logo{ float:left;}
|
||
#center_w1200 .login .search{ width:500px; float:left; margin-left:98px;}
|
||
#center_w1200 .login .search .k1{ width:430px; height:37px; background:#d0281e;}
|
||
#center_w1200 .login .search .k1 .sp1{ float:left; width:340px; height:31px; background:#fff; margin:3px 0 3px 3px;}
|
||
#center_w1200 .login .search .k1 .sp1 .sp0 ul li{ position:relative;width:70px; height:31px;}
|
||
#center_w1200 .login .search .k1 .sp1 .sp0 ul li i{ position:absolute; width:6px; height:3px; background:url(../images/search_ico.png) no-repeat; top:14px; left:55px;}
|
||
#center_w1200 .login .search .k1 .sp1 .text{width:335px; height:30px; padding-left:5px; line-height:29px; border:none; color:#b1b1b1; float:left}
|
||
#center_w1200 .login .search .k1 .sp2{ float:left;}
|
||
#center_w1200 .login .search .k1 .sp2 .buttom{font-size:14px; color:#fff; line-height:37px; font-weight:bold; width:82px; height:37px; text-align:center; border:none; background:none; cursor:pointer;}
|
||
|
||
#center_w1200 .login .search .resou{ color:#323232; height:30px; line-height:30px;}
|
||
#center_w1200 .login .car{ width:126px; height:34px; background:url(../images/car.png) no-repeat; float:left; margin-top:5px; position:relative;}
|
||
#center_w1200 .login .car a{ width:126px; height:34px; display:block}
|
||
#center_w1200 .login .car .span01{ background:url(../images/20130330A_1.png); background-position:-133px -279px; color:#fff; left:20px; position:absolute; float:left; padding-left:6px; top:-13px;}
|
||
#center_w1200 .login .car .span01 span{background:url(../images/20130330A_1.png); background-position:100% -250px; display:block; height:20px; padding-right:6px; float:left; font-family:Verdana, Geneva, sans-serif}
|
||
#center_w1200 .login .kf{ width:153px; height:38px; background:url(../images/kf.jpg) no-repeat; float:right; }
|
||
|
||
/*µ¼º½*/
|
||
#center_w1200 .menu{ width:1200px; height:41px; margin: 0 auto;}
|
||
#center_w1200 .menu .bod1{width:1200px; height:39px; border-bottom:2px solid #d7d6d6; margin: 0 auto;}
|
||
#center_w1200 .menu .bod2{width:1200px; height:37px; border-bottom:2px solid #d0281e; position:relative;}
|
||
#center_w1200 .menu .bod2 em{ width:145px; height:44px; background:url(../images/lottery.png); position:absolute; left:1055px;top:-7px;}
|
||
#center_w1200 .menu .bod2 em a{width:145px; height:44px; display:block; overflow:hidden; line-height:1000px;}
|
||
#center_w1200 .menu .bod2 ul{}
|
||
#center_w1200 .menu .bod2 ul li{ float:left; line-height:37px; color:#d0281e; font-size:14px; font-weight:bold; position:relative}
|
||
#center_w1200 .menu .bod2 ul li .new_ico{ width:23px; height:11px; background:url(../images/new.png) no-repeat; position:absolute; top:0px; left:70px;}
|
||
#center_w1200 .menu .bod2 ul li a{color:#555; display:block; padding:0 27px 0 27px;}
|
||
#center_w1200 .menu .bod2 ul li a:hover{ background:#d0281e; color:#fff; border-radius:3px 3px 0px 0px;}
|
||
#center_w1200 .menu .bod2 ul li .dq_b{background:#d0281e; color:#fff; border-radius:3px 3px 0px 0px;}
|
||
#center_w1200 .menu .bod2 ul li .dq_c{background:#eaac44; color:#fff; border-radius:5px 5px 5px 5px; line-height:25px; margin-top:5px;}
|
||
|
||
|
||
/*ÈÈÂô*/
|
||
|
||
/*ÈÈÂô*/
|
||
#center_w1200 .hot{ width:1185px; height:40px; line-height:40px; color:#333; padding-left:15px; margin: 0 auto;}
|
||
#center_w1200 .hot a{ padding-right:18px;}
|
||
|
||
/*ºáÌõ ¹ã¸æ1*/
|
||
#center_w1200 .h1_banner{ margin-top:10px; width:1200px; height:100px;}
|
||
#h2_banner{ width:1200px; height:60px; margin:0px auto; margin-top:10px;}
|
||
|
||
/*Ãæ°üм*/
|
||
#center_w1200 .mbxie{ width:1000px; height:40px; line-height:40px; color:#666;}
|
||
#center_w1200 .mbxie a{ color:#666;}
|
||
#center_w1200 .mbxie a:hover{ color:#d0281e;}
|
||
#center_w1200 .mbxie span{ color:#1d5b9f;}
|
||
|
||
|
||
|
||
|
||
#faq { width: 1180px; padding-top: 10px; margin: 10px auto; border-bottom:1px solid #ddd; padding-bottom:15px;}
|
||
#faq ul { width: 144px; height: 148px; float: left; padding: 5px; margin: 0 4px;}
|
||
#faq ul.s1 { background-position: 0px 0px; }
|
||
#faq ul.s2 { background-position: -160px 0px; }
|
||
#faq ul.s3 { background-position: -320px 0px; }
|
||
#faq ul.s4 { background-position: -480px 0px; }
|
||
#faq ul.s5 { background-position: -640px 0px; }
|
||
#faq ul.s6 { background-position: -800px 0px; }
|
||
#faq ul h3 { font-family: "΢ÈíÑźÚ", Tahoma, Arial; font-size: 20px; font-weight: normal; color: #333; padding-bottom: 6px; }
|
||
#faq ul li { font-size: 12px; line-height: 24px; display: block;}
|
||
#faq ul li a{ color:#666;}
|
||
#faq ul li a:hover{color:#d0281e; text-decoration:underline;}
|
||
|
||
|
||
#di{ width:800px;padding-top: 10px; margin: 10px auto; text-align:center; line-height:24px;}
|
||
#di a{ color:#666;}
|
||
#di a:hover{ color:#d0281e;}
|
||
|
||
/*µêÆÌÒ³Ìí¼Ó*/
|
||
#center_w1200 .login .shop_dian_x{ width:185px; height:40px; border-right:1px solid #ddd; float:left; margin-left:50px; position:relative;}
|
||
#center_w1200 .login .shop_dian_x .icl{ width:7px; height:4px; background:url(../images/shop_dian_ico1.png) no-repeat; position:absolute; left:155px; top:18px;}
|
||
#center_w1200 .login .shop_dian_x .title{ color:#333232; font-size:12px; font-weight:bold; position:relative;}
|
||
#center_w1200 .login .shop_dian_x .title span{ width:19px; height:19px; background:url(../images/ico_03.png) no-repeat; position:absolute; margin-left:5px; top:-3px;}
|
||
#center_w1200 .login .shop_dian_x .pjl{ line-height:26px; color:#333232;}
|
||
#center_w1200 .login .shop_dian_x .pjl span{ color:#d0281d; font-family:Tahoma, Geneva, sans-serif;}
|
||
#center_w1200 .login .shop_dian_x .kkq{ width:260px;z-index: 999; height:300px; position:absolute; border:1px solid #e0e0e0; background:#fff; left:-50px;top:36px; display:none;}
|
||
#center_w1200 .login .shop_dian_x .kkq .t01{ width:238px; height:56px; border-bottom:1px solid #eee; padding-left:22px;}
|
||
#center_w1200 .login .shop_dian_x .kkq .t01 dl{}
|
||
#center_w1200 .login .shop_dian_x .kkq .t01 dl dd{ width:32px; height:32px; float:left; margin-right:6px; padding-top:12px;}
|
||
#center_w1200 .login .shop_dian_x .kkq .t01 dl dt{ float:left;}
|
||
#center_w1200 .login .shop_dian_x .kkq .t01 dl dt .ti_zi{ font-size:14px; font-weight:bold; color:#c1261f; height:30px; line-height:34px;}
|
||
#center_w1200 .login .shop_dian_x .kkq .t02{width:238px; height:46px; border-bottom:1px solid #eee; padding-left:22px; font-size:12px; font-weight:bold; color:#454545; line-height:46px;}
|
||
#center_w1200 .login .shop_dian_x .kkq .t02 span{ width:19px; height:19px; margin-left:6px; margin-top:3px;vertical-align: middle;padding-top: 6px;}
|
||
#center_w1200 .login .shop_dian_x .kkq .t03{width:238px; height:85px; border-bottom:1px solid #eee; padding-left:22px; font-size:12px; color:#454545; padding-top:3px;}
|
||
#center_w1200 .login .shop_dian_x .kkq .t03 p{ line-height:26px;}
|
||
#center_w1200 .login .shop_dian_x .kkq .t03 p span{ font-weight:bold;}
|
||
#center_w1200 .login .shop_dian_x .kkq .t04{width:238px; height:45px; border-bottom:1px solid #eee; padding-left:22px; font-size:12px; color:#454545; padding-top:3px;}
|
||
#center_w1200 .login .shop_dian_x .kkq .t04 p{ line-height:20px;}
|
||
#center_w1200 .login .shop_dian_x .kkq .t04 p span{ color:#3366cc;}
|
||
#center_w1200 .login .shop_dian_x .kkq .t05{width:260px; margin-top:12px;}
|
||
#center_w1200 .login .shop_dian_x .kkq .t05 a{ width:96px; height:32px; display:block; background:#d3271d; text-align:center; line-height:32px; color:#fff; margin:0 auto;}
|
||
#center_w1200 .login .shop_dian_x:hover .kkq{ display:block;}
|
||
#center_w1200 .login .shop_dian_c{ width:92px; height:16px; float:left; margin-left:15px; margin-top:11px; position:relative;}
|
||
#center_w1200 .login .shop_dian_c .erwm{ position:absolute; width:145px; height:148px; border:1px solid #e0e0e0; background:#fff; left:-25px; top:26px; text-align:center; padding-top:10px; line-height:24px; color:#999; display:none;}
|
||
#center_w1200 .login .shop_dian_c:hover .erwm{ display:block;}
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
.ly-plate {
|
||
position:relative;
|
||
width:509px;
|
||
height:509px;
|
||
margin:30px auto;
|
||
}
|
||
.rotate-bg {
|
||
width:509px;
|
||
height:509px;
|
||
background:url(/images/ly-plate.png);
|
||
position:absolute;
|
||
top:0;
|
||
left:0
|
||
}
|
||
.ly-plate div.lottery-star {
|
||
width:214px;
|
||
height:214px;
|
||
position:absolute;
|
||
top:150px;
|
||
left:147px;
|
||
/*text-indent:-999em;
|
||
overflow:hidden;
|
||
background:url(rotate-static.png);
|
||
-webkit-transform:rotate(0deg);
|
||
*/
|
||
outline:none
|
||
}
|
||
.ly-plate div.lottery-star #lotteryBtn {
|
||
cursor:pointer;
|
||
position:absolute;
|
||
top:0;
|
||
left:0;
|
||
*left:-107px
|
||
}
|
||
|
||
|
||
@media screen and (max-width:800px)
|
||
{
|
||
#top{ min-width:310px;}
|
||
#top .w1200{ width:618px; margin:0px auto;}
|
||
.chouj_new06 .bj_700{ width:618px;}
|
||
.chouj_new06 .bj_700 h2{ width:600px;}
|
||
.chouj_new06 .bj_700 h2 .lel{ width:590px;right:0px; top:10px;}
|
||
.chouj_new06 .bj_700 .bjj{width:618px;}
|
||
}
|
||
|
||
@media screen and (max-width:620px)
|
||
{
|
||
#top{ min-width:300px;}
|
||
#top .w1200{ width:310px; margin:0px auto;}
|
||
.chouj_new06 .bj_700{ width:310px;}
|
||
.chouj_new06 .bj_700 h2{ width:300px; height:70px;}
|
||
.chouj_new06 .bj_700 h2 .lel{ width:290px;right:0px; top:10px;}
|
||
.chouj_new06 .bj_700 .bjj{width:310px;}
|
||
.ly-plate {
|
||
width:300px;
|
||
height:360px;
|
||
margin:30px auto;
|
||
}
|
||
.rotate-bg {
|
||
width:300px;
|
||
height:300px;
|
||
background:url(/images/ly-plate2.png);
|
||
}
|
||
.ly-plate div.lottery-star {
|
||
width:164px;
|
||
height:164px;
|
||
position:absolute;
|
||
top:68px;
|
||
left:69px;
|
||
outline:none
|
||
}
|
||
} |