*{ margin:0; padding:0;}
body{font-family:Tahoma,Arial,Roboto,"Droid Sans","Helvetica Neue","Droid Sans Fallback","Heiti SC",sans-self; font-size:14px; color:#333; background:#74c7cf}
input,textarea,select{font-family:Tahoma,Arial,Roboto,"Droid Sans","Helvetica Neue","Droid Sans Fallback","Heiti SC",sans-self;}
.bk10{ height:10px; clear:both; display: block;}
.bk15{ height:15px; clear:both; display: block;}
.bk20{ height:20px; clear:both; display: block;}
.bk50{ height:60px; clear:both; display: block;}
.bk70{ height:70px; clear:both; display: block;}
.cl{ clear:both;}
i,em{ font-style:normal;}
ul,ol,li{ list-style:none;}
a{ text-decoration:none;}
.pd10{ padding:0 10px;}
.pd5{ padding:0 5px;}
.pd15{ padding:0 15px;}
div{ display:block;}
.fl{ float: left;}
.fr{ float:right;}
img{ border:0; max-width:100%}

.banner{width:100%; text-align:center;position:relative; line-height:0}
.banner img{ max-width:100%; position:relative;}
.nav{ height:46px;position: absolute; bottom:-1px; text-align:center; background:url(images/nav.png) center bottom no-repeat; width:100%;background-size:500px 46px; -webkit-background-size:500px 46px; -moz-background-size:500px 46px; }
.nav2{ height:46px;position: absolute; bottom:-1px; text-align:center; background:url(images/nav5.png) center bottom no-repeat; width:100%;background-size:500px 46px; -webkit-background-size:500px 46px; -moz-background-size:500px 46px; }

/* 通用模版 */
.m{ position:relative; }
.m1{ position:absolute; top:-15px; background:url(images/m1_tit.png) center center no-repeat; width:100%; height:36px; line-height:36px; font-size:16px; color:#fff; background-size:contain; -webkit-background-size:contain; -moz-background-size:contain; text-align:center; z-index:1000;}
.m1_tit{ width:220px; height:36px; display: block; position:absolute; line-height:36px; left:50%; margin-left:-110px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.m2,.m3{ padding:20px 15px 0; }
.m2 ul{  border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; padding:10px 0 10px; background:#fff; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
.m2 ul li{ float:left; width:33.33%; height:20px; line-height:20px; font-size:14px; text-align:center;}

.bottom2{ width:100%; height:50px; position:fixed; bottom:0; left:0; background-color:#ff3366; font-size:12px;}
.bottom2 li{ color:#fff; text-align:center; width:20%; padding-top:26px; height:24px; line-height:24px; float:left;}
.b_li1{ background:url(images/cj_btn.png) center 7px no-repeat; background-size:22px 22px; -webkit-background-size:22px 22px; -moz-background-size:22px 22px;}
.b_li2{ background:url(images/cs_btn.png) center 7px no-repeat; background-size:22px 22px; -webkit-background-size:22px 22px; -moz-background-size:22px 22px;}
.b_li3{ background:url(images/ph_btn.png) center 7px no-repeat; background-size:22px 22px; -webkit-background-size:22px 22px; -moz-background-size:22px 22px;}
.b_li4{ background:url(images/scroll_top.png) center 7px no-repeat; background-size:22px 22px; -webkit-background-size:22px 22px; -moz-background-size:22px 22px;}
.b_li5{ background:url(images/rule_btn.png) center 7px no-repeat; background-size:22px 22px; -webkit-background-size:22px 22px; -moz-background-size:22px 22px;}
.b_li6{ background:url(images/rq_btn.png) center 7px no-repeat; background-size:22px 22px; -webkit-background-size:22px 22px; -moz-background-size:22px 22px;}
.b_li7{ background:url(images/rose_btn.png) center 7px no-repeat; background-size:22px 22px; -webkit-background-size:22px 22px; -moz-background-size:22px 22px;}
.b_li8{ background:url(images/kiss_btn.png) center 7px no-repeat; background-size:22px 22px; -webkit-background-size:22px 22px; -moz-background-size:22px 22px;}

.bottom3{ width:100%; height:50px; position:fixed; bottom:0; left:0; background-color:#ff3366; }
.bottom3 li{ color:#fff; text-align:center; width:25%; padding-top:26px; height:24px; line-height:24px; float:left;}


.a1,.a2,.a3{ width:40%; height:46px; display: block; float:left;} 
.a2{ width:25%;}
.a3{ width:35%;} 

/* 报名信息 */
.info1{color:#333; padding:15px; background-color:#fff; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; line-height:24px;}
.info1_tit{ padding:10px 0;}
.info1 .tit2{ width:175px; height:42px; background:url(images/tit2_bg2.png) 0 0 no-repeat; background-size:contain; -webkit-background-size:contain; -moz-background-size:contain; display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding-left:26px; color:#fff; font-size:16px; padding-top:14px;} 
.info1 li{ width:33.33%; float:left; height:20px; line-height:20px; text-align:center;}
.info1 p{line-height:24px;}

/* 搜索 */
.search{ padding:0px 15px 20px;}
.search input{ -webkit-appearance:none; -moz-appearance:none;}
.search input[type="text"],input[type="submit"]{  width:70%; height:40px; line-height:40px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background-color:#fff; color:#666; padding:0 10px; font-size:14px; border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; box-shadow:0 0 0 2px #ff3366; border:0 }
.search input[type="submit"]{ width:30%; margin:0; background-color:#ff3366; border:0; font-size:16px;border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; color:#fff; float:right;}
.search .canyu{ width:100%; height:40px; line-height:40px; background-color:#ff4749; color:#fff; margin:20px 0 0; display:block;border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; text-align:center; font-size:18px; border-bottom:3px solid #c33330; }

/* 投票列表 */
#lxf-box { position: relative; }
#lxf-box li { position: absolute; background: #fff; text-align: center; left: 0px; top: 0; width:49%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; margin-bottom:15px; }

/* 列表图文 */
.list-li .img1{ padding:5px; text-align:center;} 
.list-li .img1 img{ max-width:100%; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.list-li .txt1{ padding:5px; }
.txt1 p{ float:left; font-size:12px; height:12px; color:#000; line-height:12px; padding-bottom:8px; overflow:hidden}
.txt1 p em{ color:#ff3366; font-weight:bold;}
.txt1 p.p1{ width:33.33%; text-align:left;}
.txt1 p.p2{ width:33.33%; text-align: center;}
.txt1 p.p3{ width:33.33%; float:right; text-align:right;}
.txt1 p.p4{ width:100%; text-align: center; font-size:14px; height:auto; line-height:16px; padding-bottom:8px;}
.txt1 p.p5{ color:#999; padding-bottom:12px;}

/* 列表效果 */
.content {padding:0 15px; }
.case-list { position:relative; }
.case-list li { display:block; position:absolute; width:49%; border-radius:5px; background-color:#fff;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

/* 详细页图文 */
.show{  padding:15px; background-color:#fff; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;}
.show_info{ padding-bottom:10px; position:relative}
.show p.com_name{ font-size:16px; line-height:20px; font-weight:bold; text-align:center;}
.show p.com_desc{ font-size:12px; line-height:20px;}
.show li{ float:left; line-height:24px;}
.show li em{ color:#ff3366; font-weight:bold;}
.show .show_info p{ line-height:24px; font-size:14px;}
.show .show_info p.p_name{ font-weight:bold;}
.show .show_info p em{color:#ff3366; font-weight:bold; padding: 0 4px;}
.show .li1{width:40%; text-align: left; font-weight:bold; color:#000; }
.show .li2{width:30%; text-align: center;}
.show .li3{ position:absolute; right:0; top:0}
.show_img{ text-align: center;}
.show_img img{ max-width:100%; padding-bottom:10px;}
.show p{ padding:10px 0; line-height:1.5}
.back{ text-align:center; display:block; height:40px; line-height:40px; color:#fff; background-color:#ff3366; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; font-size:16px; margin:15px 0 0;}

/* 详细页浮动按钮 */
.btn_bm,.btn_bs,.btn_bm_bg,.btn_bs_bg{ width:50px; height:50px; line-height:48px; color:#fff; border:1px solid #ff3366; border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:fixed; z-index:300; bottom:90px; text-align:center; font-size:16px; left:40px; opacity:0.8 }
.btn_bs{ bottom:150px;}
.btn_bm_bg{ background-color:#ff3366; opacity:0.8; z-index:200; border:0;}
.btn_bs_bg{ background-color:#ff3366; opacity:0.8; z-index:200; border:0; bottom:150px;}
.btn_bm2,.btn_bs2,.btn_bm_bg2,.btn_bs_bg2{ width:50px; height:50px; line-height:48px; color:#fff; border:1px solid #ff3366; border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:fixed; z-index:300; bottom:90px; text-align:center; font-size:16px; right:30px; opacity:0.8 }
.btn_bs2{ bottom:150px;}
.btn_bm_bg2{ background-color:#ff3366; opacity:0.8; z-index:200; border:0;}
.btn_bs_bg2{ background-color:#ff3366; opacity:0.8; z-index:200; border:0; bottom:150px;}
.paiming,.share{ width:65px; height:73px; background:url(images/paiming.png) 0 0 no-repeat; background-size:contain; -webkit-background-size:contain; -moz-background-size:contain; position:fixed; right:40px; bottom:173px; opacity:0.8}
.share{ bottom:90px;background:url(images/fx2.png) 0 0 no-repeat; background-size:contain; -webkit-background-size:contain; -moz-background-size:contain;}
.fx_share{ width:100%; height:40px; background:#fff url(images/fx3.png) center 0 no-repeat;background-size:contain; -webkit-background-size:contain; -moz-background-size:contain; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; display:block; margin-bottom:10px;}

/* 送花送吻提示 */
#cover{ display:none;position: fixed;left:0;top:0;z-index:1000;background-color:#000000;opacity:0.7; width:100%; height:100%;}
#hua,#wen,#poll{ display:none; position:fixed; padding:20px; font-size:14px; background-color:#fff; border-radius:6px; -webkit-border-radius6px; -moz-border-radius:6px; z-index:200; color:#666; line-height:24px; top:40%; z-index:1100; width:90%; margin:0 5%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#poll{top:20%}
.hua{ margin:15px;  padding-top:15px; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; background-color:#fff; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.hua .tit{ width:100%; text-align:center; font-size:16px; height:16px; line-height:16px; padding-bottom:15px; border-bottom:1px solid #ff3366; font-weight:bold; color:#ff3366 }
.hua .hua-txt{ padding:15px;}
.hua .hua-txt p{ font-size:14px; line-height:20px; padding-bottom:10px;}
.hua .hua-txt p em{ color:#ff3366; padding:0 4px; font-weight:bold;}
.hua .hua-txt p input[type="text"],input[type="number"]{ width:60px; margin:0 4px 0 0; -webkit-appearance:none; -moz-appearance:none; text-align:center; border:1px solid #ff3366; height:30px; line-height:30px; font-size:14px; color:#ff3366; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
.hua .hua-txt input[type="button"]{ width:100%; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; border:0; background-color:#ff3366; color:#fff; margin-top:5px; -webkit-appearance:none; -moz-appearance:none; height:40px; line-height:40px; font-size:16px;}
.back2{ margin: 15px; height:40px; line-height:40px; background-color:#fff; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; display:block; text-align:center; font-size:16px; color:#ff3366;}

/* 详细页底部投票按钮 */
.bottom{ width:100%; height:50px; position:fixed; bottom:0; background-color:#ff3366;}
.bottom li{ width:33.33%; text-align:center; float:left; color:#fff; padding-top:8px; height:42px; }
.bottom li .s1{ width:100%; font-size:14px; height:14px; line-height:14px; padding-bottom:6px; display:block;} 
.bottom li .s2{ height:14px; line-height:14px; background:url(images/piao.png) 0 center no-repeat; background-size: 17px 14px; padding-left:23px;}
.bottom li .s3{ height:14px; line-height:14px; background:url(images/flower.png) 0 center no-repeat; background-size: 17px 14px; padding-left:23px;}
.bottom li .s4{ height:14px; line-height:14px; background:url(images/kiss.png) 0 center no-repeat; background-size: 17px 14px; padding-left:23px;}

.song{  height:50px; margin:15px; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;  }
.song li{ width:30%; text-align:center; float:left; color:#fff; padding-top:8px; height:42px; margin-right:5%; background-color:#18a0d0; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;  }
.song li.song_wen{ width:30%; float:right; margin-right:0; background-color:#fa7161}
.song li.song_poll{ background-color:#18a0d0}
.song li.song_hua{ background-color:#ff3366}
.song li .s1{ width:100%; font-size:14px; height:14px; line-height:14px; padding-bottom:6px; display:block;} 
.song li .s2{ height:14px; line-height:14px; background:url(images/piao.png) 0 center no-repeat; background-size: 17px 14px; padding-left:23px;}
.song li .s3{ height:14px; line-height:14px; background:url(images/flower.png) 0 center no-repeat; background-size: 17px 14px; padding-left:23px;}
.song li .s4{ height:14px; line-height:14px; background:url(images/kiss.png) 0 center no-repeat; background-size: 17px 14px; padding-left:23px;}
.song li .s5{ text-align:center; line-height:34px;}

/* 排行榜列表 */
.rank{}
.rank li.rankli{ background-color:#fff; padding:15px; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; position:relative; margin-bottom:15px;}
.rank li.rankli .rank_img{ position: absolute; width:80px; height:80px; left:15px;}
.rank li.rankli .rank_img img{ border-radius:40px; -webkit-border-radius:40px; -moz-border-radius:40px;}
.rank li.rankli .rank_txt{ position:relative; margin:0 0 0 90px;}
.rank li.rankli .rank_txt .r_p1{ font-size:16px; height:40px; line-height:20px; font-weight:bold; color:#333; padding-right:50px; overflow:hidden;}
.rank li.rankli .rank_txt .r_p1 i{ color:#ff3366; position:absolute; font-size:16px; right:0; top:0px; line-height:20px;}
.rank li.rankli .rank_txt .r_p2{ font-size:10px; height:42px; line-height:14px; overflow:hidden;color:#333; padding-top:6px; }
.rank_piao{ background-color:#ff3366; margin-top:10px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
.rank_piao li{ width:33.33%; text-align:center; float:left; color:#fff; padding:8px 0; }
.rank_piao li{ width:25%; text-align:center; float:left; color:#fff; padding:8px 0; }
.rank_piao li .sp0{ height:14px; line-height:14px; }
.rank_piao li .sp1{ height:14px; line-height:14px; background:url(images/piao.png) 0 center no-repeat; background-size: 17px 14px; padding-left:23px;}
.rank_piao li .sp2{ height:14px; line-height:14px; background:url(images/flower.png) 0 center no-repeat; background-size: 17px 14px; padding-left:23px;}
.rank_piao li .sp3{ height:14px; line-height:14px; background:url(images/kiss.png) 0 center no-repeat; background-size: 17px 14px; padding-left:23px;}

.rank{ background-color:#fff; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;padding:0 15px; margin-bottom:15px;}
.rankli2{ height:50px; line-height:50px; border-bottom:1px solid #efefef }
.rankli2 em{color:#ff3366; font-size:16px;font-weight:bold; padding-right:4px}
.rankli2_s1{color:#ff3366; font-size:14px;line-height:50px; float:left; font-weight:bold; width:55px;}
.rankli2_s2{ font-size:14px; font-weight:bold; color:#000; padding-left:10px; display:block; float:left; width:38%; text-align: left; height:50px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.rankli2_s3{ float:right; text-align:right}
.rankli2 img{ float:left; margin-top:7px; border-radius:18px; -webkit-border-radius:18px; -moz-border-radius:18px; }

/* 支付 */
.pay{ margin:15px; background-color:#fff; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; padding:15px;} 
.pay .pay_p1{  line-height:20px; font-size:20px; text-align:center; padding-bottom:10px; font-weight:bold;}
.pay .pay_p1 em{ color:#ff3366;}
.pay .pay_p2{ background-color:#e0e0e0; height:40px; line-height:40px; padding:0 15px; color:#666; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;}
.pay .pay_p2 .pay_s1{ float:right; color:#000;}
.pay .pay_p3{ margin-top:15px; border-top:1px dashed #74c7cf; padding-top:15px;}
.pay .pay_p3 a.pay_submit{ color:#fff; background-color:#ff3366; height:40px; line-height:40px; text-align:center; display:block;border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;}
.pay .pay_p3 a.pay_submit2{ color:#fff; background-color:#999; height:40px; line-height:40px; text-align:center; display:block;border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;}

.m_txt{ text-align:center; padding:6px 0 0; line-height:20px; font-size:14px; color:#666}
.m_txt em{ color:#ff3366;}
.m_txt i{ color:#000;}
.btn{ padding:10px 15px;}
.btn a.btn1{ width:100%; height:40px; line-height:40px; text-align:center; color:#fff; background-color:#ff3366; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; display:block; margin-bottom:15px; font-size:16px;}

.rule{ width:90%; margin:15px auto; line-height:2; background:#fff; padding:15px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}