@charset "utf-8";


/*项目图标列表*/
.item_list_con {min-width:320px; width:100%; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; height:500px; border-top:#cbcbcb solid 1px; margin-top:10px;}
.item_list { list-style:none; margin-top:2px; position:relative;}
.item_list_li { width:18.75%; margin:0 2.5% 0 2.5%; padding-top:2%; float:left; font-size:12px; font-size:3.75vw; color:#FFF; line-height:24px; line-height:7.5vw; position:relative; text-align:center;}
.item_list_li:nth-child(1),.item_list_li:nth-child(5),.item_list_li:nth-child(9),.item_list_li:nth-child(13){ margin-left:5%;}
.item_list .iconbox { display:block; -webkit-border-radius:25%; -moz-border-radius:25%; border-radius:25%;}
.item_list .spanicon { display:inline-block; height:22px; line-height:22px; text-align:center; padding:0 8px; color:#FFF; font-size:12px; position:absolute; right:-6px; top:-4px; background:#FF0000; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.cor1 { background:url(http://www.mingyi100.com/wap/images/item_i1.png) no-repeat #ff9500; background-size:contain;}
.cor2 { background:url(http://www.mingyi100.com/wap/images/item_i2.png) no-repeat #ffcc00; background-size:contain;}
.cor3 { background:url(http://www.mingyi100.com/wap/images/item_i3.png) no-repeat #ff2d55; background-size:contain;}
.cor4 { background:url(http://www.mingyi100.com/wap/images/item_i4.png) no-repeat #007aff; background-size:contain;}
.cor5 { background:url(http://www.mingyi100.com/wap/images/item_i5.png) no-repeat #ff3b30; background-size:contain;}
.cor6 { background:url(http://www.mingyi100.com/wap/images/item_i6.png) no-repeat #9b59b6; background-size:contain;}
.cor7 { background:url(http://www.mingyi100.com/wap/images/item_i7.png) no-repeat #4cd964; background-size:contain;}
.cor8 { background:url(http://www.mingyi100.com/wap/images/item_i8.png) no-repeat #5ac8fa; background-size:contain;}
.cor9 { background:url(http://www.mingyi100.com/wap/images/item_i9.png) no-repeat #00b5ff; background-size:contain;}
.cor10 { background:url(http://www.mingyi100.com/wap/images/item_i10.png) no-repeat #007aff; background-size:contain;}
.cor11 { background:url(http://www.mingyi100.com/wap/images/item_i11.png) no-repeat #4cd964; background-size:contain;}
.cor12 { background:url(http://www.mingyi100.com/wap/images/item_i12.png) no-repeat #ff9500; background-size:contain;}
.cor13 { background:url(http://www.mingyi100.com/wap/images/item_i13.png) no-repeat #5ac8fa; background-size:contain;}
.cor14 { background:url(http://www.mingyi100.com/wap/images/item_i14.png) no-repeat #ffcc00; background-size:contain;}
.cor15 { background:url(http://www.mingyi100.com/wap/images/item_i15.png) no-repeat #ff2d55; background-size:contain;}
.cor16 { background:url(http://www.mingyi100.com/wap/images/item_i16.png) no-repeat #4cd964; background-size:contain;}
.cor17 { background:url(http://www.mingyi100.com/wap/images/item_i17.png) no-repeat #ff3b30; background-size:contain;}
.item_list_li a { display:block; width:100%; height:100%; color:#FFF;text-shadow:0px 0px 3px #000000;}

.o_item { width:20%; margin:2% 4% 0 4%; float:left; line-height:0; vertical-align:top; position:relative;}
.o_item a { color:#FFF;}
.o_item:nth-child(1),.o_item:nth-child(4),.o_item:nth-child(7){ margin-left:12.4%;}
.o_item:nth-child(1),.o_item:nth-child(2),.o_item:nth-child(3) { margin-top:8%;}

.item_scren_box { margin-top:-30px;}
.ip_item {transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; -o-transition:.5s; -webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;}
.item_list_li_scale { width:90%; float:left; position:absolute; left:53%; bottom:0; -webkit-transform:scale(0.2); -moz-transform:scale(0.2); -webkit-transform-origin:left bottom;-moz-transform-origin:left bottom;transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; -o-transition:.5s; z-index:1010;}
.item_list_li_scale .o_item p { font-size:12px; font-size:3.75vw; line-height:24px; line-height:7.5vw; opacity:0;text-shadow:0px 0px 3px #000000;}
.item_list_li_scale .other { display:block; background:rgba(0,0,0,0.5); -webkit-border-radius:25%; -moz-border-radius:25%; border-radius:25%;/* -webkit-border-radius:12%; -moz-border-radius:12%; border-radius:12%;*/}
.item_list_li_scale p { color:#FFF; font-size:60px; font-size:18.75vw; line-height:120px; line-height:37.5vw;text-shadow:0px 0px 3px #000000;}
.item_list_li_scale_left { left:76%}
.item_list_li_scale_sun { width:100%; height:76%; position:absolute; left:0; top:0; z-index:10;}


/*优惠部分*/
.yh_index_box { width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; padding:0 15px 15px 15px; overflow:scroll; background:#f5f5f5;}
.yh_index_box li { height:168px; margin-top:16px; border:#d4d4d4 solid 1px; box-shadow:0 1px 2px 0px #d4d4d4; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; overflow:hidden; background:#FFF;}
.yh_index_box li a { display:block; width:100%; height:100%;}
.yh_index_box .top { height:80px; background:url(../images/yh_nobbg.png) repeat-x left bottom; background-size:16px;}
.yh_index_box .topbg1 { background-color:#764ba5}
.yh_index_box .topbg2 { background-color:#00a762}
.yh_index_box .topbg3 { background-color:#ff4100}
.yh_index_box .topbg4 { background-color:#0193e6}
.yh_index_box .top_icon,.yh_index_box .list_boxt span,.yh_index_box .list_boxh span { background-image:url(../images/yh_index_icon.png); background-repeat:no-repeat; background-size:77px;}
.yh_index_box .top_icon { width:40px; height:40px; -webkit-border-radius:22px; -moz-border-radius:22px; border-radius:22px; border:#FFF solid 2px; margin:15px 0 0 17px; float:left;}
.yh_index_box .top_icon1 { background-position:7px 9px; background-color:#5f358d;}
.yh_index_box .top_icon2 { background-position:7px -32px; background-color:#0a6841;}
.yh_index_box .top_icon3 { background-position:7px -73px; background-color:#af2d01;}
.yh_index_box .top_icon4 { background-position:7px -113px; background-color:#046196;}
.yh_index_box .top_r { width:180px; padding-top:20px; float:right; text-align:right; margin:0 17px 0 0; color:#FFF; font-size:12px; line-height:18px;}
.yh_index_box .top_r b { font-size:18px; font-weight:normal}
.yh_index_box .list_boxt,.yh_index_box .list_boxh { padding:15px 0; text-align:left;}
.yh_index_box .list_boxt span,.yh_index_box .list_boxh span { display:block; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; padding:0 15px 0 41px; height:30px; line-height:30px; font-size:14px; color:#5d5d5d; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.yh_index_box .list_boxt span {background-position:-45px 7px;}
.yh_index_box .list_boxh span {background-position:-45px -34px;}

/*首页滑动提示*/
.index_figer { width:60px; height:82px; background:url(../images/figer_move.png) no-repeat; background-size:60px; position:fixed; left:50%; margin-left:80px; bottom:60px; z-index:1000000; opacity:0;}
.figer_move{ -webkit-animation:figer_move 1s .3s ease 3 both;-moz-animation:figer_move 1s .3s ease 3 both;}
@-webkit-keyframes figer_move{
0%{ opacity:1;-webkit-transform:translateX(0)}
100%{ opacity:1;-webkit-transform:translateX(-200px)}
}
@-moz-keyframes figer_move{
0%{ opacity:1;-moz-transform:translateX(0)}
100%{ opacity:1;-moz-transform:translateX(-200px)}
}