onepage_mrhi/kissy/public/static/css/style.css

@charset "utf-8";
* {-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	-ms-box-sizing:border-box;	box-sizing:border-box}
.main {	width:100%;	min-width:320px;margin:0 auto;font-size:14px; overflow:hidden;}

/*topic_list*/
.vogue_top_list{ margin:0px 10px 10px 10px;}
.vogue_top_list dl{ width:100%; font-size:1.6em; margin-top:20px; position:relative;}
.vogue_top_list dl:before,
.vogue_top_list dl:after {content:"";display:table;}
.vogue_top_list dl:after {clear:both;}
.vogue_top_list dl a{ display:block;}
.vogue_top_list dl dt img{ width:100%; display:block;}
.vogue_top_list dl dd{color:#000; padding:5px 10px 5px 10px; text-align:center; font-weight:bold; margin-bottom:10px; background:#fff;}
.v_time{ font-size:12px; color:#999999; line-height:14px; vertical-align:middle; font-weight:normal; margin:5px 0px;}
.time_icon{ width:14px; height:14px; display:inline-block; background:url(../img/colck_icon.png) no-repeat; background-size:cover; vertical-align:top; margin-right:5px;}

/*main*/
.v_page_title{ padding:10px 0;}
.article_title{ font-size:1.6em; margin:15px 0; padding:0 10px; font-weight:800;}
.arti_img{ margin:10px 10px 0 10px;}
.arti_img img{ width:100%; display:block;}
.article_content{ font-size:1.4em; padding:0 10px; margin-bottom:15px; overflow:hidden; line-height:20px;}
.article_content img{ width:100%; margin:10px 0;}
.v_box_w{ background:#fff; border-top:1px #d6d6d6 solid;}
.h3_title{ width:56%; border-bottom:2px #000 solid; text-align:center; margin:30px auto 15px auto; font-size:1.6em;}
.h3_title2{ width:56%; border-bottom:2px #000 solid; border-top:1px #000 solid; text-align:center; margin:30px auto 15px auto; padding:10px 0px;}
.h3_title2 img{ width:72%; display:block; margin:0 auto;}
.activity_des{ padding:0px 10px 20px 10px; overflow:hidden; font-size:1.4em; line-height:22px;}
.activity_des p{ margin:10px 0px;}

/**/
.join_submit_box{ padding:0 10px; font-size:1.6em;}
.join_submit_box .submit_cell{ border:1px #d6d6d6 solid; background:#fbfbfd; margin-bottom:15px; padding:2px 0; position:relative;}
.join_submit_box .submit_cell span{ float:left; display:block; position:absolute; left:5px; top:0px; line-height:44px; color:#767676;}
.join_submit_box .submit_cell input.input_style{ left:0px; top:0px; height:36px; width:100%; border:none; padding-left:5px; font-family:'microsoft yahei', Verdana, Arial, Helvetica, sans-serif;	color:#000; background:#fbfbfd;}
.join_submit_box .submit_cell_btn{ background:none; border:none; margin-bottom:0px; padding:0px;}
.submit_btn_style{ display:inline-block; border:none; height:30px; line-height:30px; color:#fff; margin:10px auto; padding:0 20px; font-family:'microsoft yahei', Verdana, Arial, Helvetica, sans-serif; text-align:center; font-size:14px; font-weight:bold;}
.submit_cell .submit_btn_style{ margin:0px;}
a.submit_btn_style:visited{ color:#fff;}
::-webkit-input-placeholder {
	color: #999;
}
/* Mozilla Firefox 4 to 18 */
:-moz-placeholder {
	color: #999;
}
/* Mozilla Firefox 19+ */
::-moz-placeholder {
	color: #999;
}
/* Internet Explorer 10+ */
:-ms-input-placeholder {
	color: #999;
} 
/*select*/
.container > .dropdown { vertical-align: middle;  width:100%;}
.dropdown {  display: inline-block;  position: relative;  overflow: hidden;  height: 28px;  width: 150px;  background: #fff;}
.dropdown:before, .dropdown:after { content: '';  position: absolute;  z-index: 2;  top: 9px;  right: 10px;  width: 0;  height: 0;  border: 4px dashed;  border-color: #000 transparent;  pointer-events: none;}
.dropdown:before {  border-bottom-style: solid;  border-top: none;}
.dropdown:after {  margin-top: 7px;  border-top-style: solid;  border-bottom: none;}
.dropdown-select {  position: relative;  width: 130%;  margin: 0; font-family:'microsoft yahei', Verdana, Arial, Helvetica, sans-serif;  height: 28px;  line-height: 20px;  font-size: 1em;  color: #000;  background: #fbfbfd; border: 0;border-radius: 0;-webkit-appearance: none;}
.dropdown-select:focus { z-index: 3; width: 100%; color: #000;
  /*outline: 2px solid #49aff2;
  outline: 2px solid -webkit-focus-ring-color;
  outline-offset: -2px;*/
}
.dropdown-select > option { margin: 3px;  padding: 6px 8px;  text-shadow: none;  background: #f2f2f2;  border-radius: 3px;  cursor: pointer;}
/* Fix for IE 8 putting the arrows behind the select element. */
.lt-ie9 .dropdown {  z-index: 1;}
.lt-ie9 .dropdown-select {  z-index: -1;}
.lt-ie9 .dropdown-select:focus {  z-index: 3;}

/**/
.pro_list_box{ padding:0 10px; width:100%;}
.pro_list_box dl{ background:#fbfbfd; width:100%; overflow:hidden; height:100%; position:relative; margin-bottom:15px; border:1px #d6d6d6 solid;box-sizing: border-box;}
.pro_list_box dl dt{ float:left; width:26%; position:relative;}
.pro_list_box dl dt img{ width:100%; display:block;}
.img_cover{ position:absolute; width:100%; height:100%; top:0px; left:0px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pro_list_box dl dd{ width:74%;border-left:none; padding:10px 20px; line-height:20px; height:100%; position:absolute; right:0px; font-size:14px; text-align:left;}
.pro_name{ max-height:40px; overflow:hidden; margin-bottom:2%;}
.pro_num{ color:#999999; position:absolute; left:20px; bottom:8%; font-size:10px;}
.pro_list_box2{}
.pro_list_box2 .pro_name{ position:relative; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%);transform:translateY(-50%);}
.pro_list_box3{ margin-top:20px;}
.check_code{ color:#fff; position:absolute; left:20px; bottom:5%; font-size:10px;}
.check_code a{ color:#fff; display:inline-block; background:#f00; padding:2px 10px;}
.pro_user_list_box{ margin-top:20px;}

/**/
.luck_loading{ margin:20px 0; display:none; height:105px;}
.luck_load_icon{ width:70px; height:70px; margin:0 auto; background:url(../img/loading_bg.png) no-repeat; background-size:70px 70px; position:relative;}
.loading_img{ width:70px; height:0px; background:#f00;-webkit-mask-image: url(../img/loading_bg.png);-webkit-mask-size:70px 70px; -webkit-mask-position:center bottom; position:absolute; left:0px; bottom:0px;}
.luck_result{ margin:20px 0; text-align:center; font-size:1.6em; display:none;}
.luck_result img{ width:80px;}
.luck_end_tips{ display:block; height:105px;}

/*try*/
.try_show_box{ margin:0; overflow:hidden;}
.try_show_main{ margin:0 10px; font-size:1.4em; line-height:20px;}
.try_pro_title{ font-size:16px; padding:8px 0;}
.ac_content{ font-size:14px; color:#333; padding:15px 10px;}
.ac_content img{ width:100%; margin-bottom:10px;}
.try_pro_summary{ padding:5px 0;}
.try_pro_content{ padding:5px 0;}
.try_more{ float:right;}
.try_more a{ color:#f00;}
.submit_cell_area{ height:126px;}
.input_textarea{ width:100%; margin-top:1px; height:120px; border:none; background:#fbfbfd; text-indent:4px;}
.try_tips_box{ width:80%; background:rgba(0,0,0,0.9); box-shadow:0px 0px 8px #000; position:fixed; z-index:100; top:40%; left:8%; color:#fff; font-size:1.8em; text-align:center; padding:2em 0; font-weight:normal; line-height:1.5em}
.com_btn_style2{ display:inline-block; background-image:-webkit-linear-gradient(left, #bd100f, #d72d03);	background-image:linear-gradient(left,#bd100f, #d72d03); color:#fff; padding:0 0.5em; margin-top:1em; line-height:2em; opacity:1;}

/**/
.vote_info{ margin:20px 0 10px 0px;}
.vote_show_box{ padding:0 10px;}
.vote_cell_row{ width:100%;}
.vote_item_show{ margin-left:-10px;}
.vote_item{ width:50%; float:left; padding-left:10px;box-sizing: border-box; margin:0px 0 20px 0;background:#fbfbfd; position:relative;}
.vote_item dt{ position:relative; width:100%;}
.vote_item dt img{ width:100%; display:block;}
.vote_img_thumb{ position:absolute; left:0px; top:0; width:100%; height:100%; background-size:cover; background-position:center top;}
.vote_item dd{ padding:0.5em; font-size:1.4em; text-align:center; border:1px #d6d6d6 solid;}
.vote_item dd p{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:20px;}
.vote_item dd p.vote_name{ font-weight:bold;}
.vote_btn{ position:absolute; min-width:29px; color:#fff; bottom:0px; right:0px; font-size:1.4em; height:28px; line-height:28px;}
.vote_btn span{display:block;width:15px; height:13px; background:url(../img/heart.png) no-repeat;background-size:cover; position:absolute; top:8px; left:7px;}
.vote_btn span.h_selected{ background:url(../img/heart_full.png) no-repeat;background-size:cover;}
.vote_btn p{ padding:0 5px 0 25px; display:none;}

.vote_txt_box{ padding:0 10px;}
.vt_cell{ border:1px #d6d6d6 solid; background:#fbfbfd; font-size:1.4em; padding:8px 0px; margin:0px 0 15px 0; position:relative;}
.vt_cell .vt_num{ display:inline-block; width:20px; height:20px; border:1px #d8d8d8 solid; border-radius:100%; background:#fff; line-height:20px; text-align:center; position:relative;}
.vt_cell .vt_num em{ font-style:normal; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%);transform:translateY(-50%); position:relative; display:inline-block;}
.vt_title{ padding:0px 10px 0 40px;}
.vt_cell_on{ background:#f00; color:#fff;border:1px #f00 solid;}
.vt_cell_on .vt_num{ color:#f00; border:1px #fff solid;}
.vt_result_cell{ border:none; padding:9px 0px; background:#fff;}
.vt_total_bg,.vt_total_num{ display:none;}
.vt_result_cell .vt_total_bg{ display:block; height:3px; background:#fbfbfd; width:100%; position:absolute; left:0px; bottom:0px;}
.vt_result_cell .vt_total_bg .vt_total_line{ display:block; height:3px;}
.vt_result_cell .vt_total_num{ display:block; position:absolute; right:0px; top:0px; line-height:40px; padding-right:5px; font-weight:bold;}
.vt_result_cell .vt_title{ padding:0px 40px 0 15px;}
.vt_index{ position:absolute; left:10px; top:50%; margin-top:-10px;}
.vt_result_cell .vt_index{ top:8px; left:0px; margin-top:0px;}

/**/
#article_body{ background:#fff;}
.arti_body{ padding:15px 10px;}
.arti_title{ font-size:1.8em; font-weight:bold;}
.arti_info{ font-size:1.4em; color:#999; margin:10px 0;}
.arti_info span{ margin-right:10px;}
.arti_info .wx_code{ color:#5878a1;}
.arti_content{ font-size:1.4em; line-height:24px;}
.arti_content img{ width:100%; margin:10px 0;}

/**/
.tips_list_box dl dd{ line-height:16px; font-size:12px;}
.tips_list_box dl dd .pro_name{ max-height:32px;}

/**/
.v_ques_title{ padding:10px 0; background:#f2f2f4; border-bottom:1px #d6d6d6 solid;}
.ques_box{ position:relative;}
.ques_cell{ width:100%; display:none; margin-top:0px;}
.vote_txt_box .vt_cell_curr{ background:#f00; color:#fff;border:1px #f00 solid;}
.vote_txt_box .vt_cell_curr .vt_title{ padding-right:40px;}
.vote_txt_box .vt_cell_curr .vt_num{ color:#f00; border:1px #fff solid;}
.vpage_next{ margin-bottom:20px; position:relative;}
.vpage_next .submit_btn_style{ margin:0px;}
.vote_txt_box .curr_icon{ width:26px; height:20px; background:url(../img/select_icon.png) no-repeat; background-size:cover; position:absolute; right:10px; top:50%; margin-top:-10px; display:none;}
.vote_txt_box .vt_cell_curr .curr_icon{ display:block;}
.ques_img_box .vt_cell_curr dd{ background:#f00; border:1px #f00 solid; color:#fff;}
.ques_img_box .curr_icon{ width:100%; height:100%; position:absolute; background:rgba(0,0,0,0.4) url(../img/select_icon.png) no-repeat; background-size:32px 25px; background-position:center; top:0px; display:none;}
.ques_img_box .vt_cell_curr .curr_icon{ display:block;}
.ques_info_box{ padding:0px 10px 20px 10px;}
.ques_info_box .join_submit_box{ margin:0px; padding:0px;}
.ques_end_box{ text-align:center; font-size:1.4em; margin-top:50px; display:none}
.ques_end_box img{ width:22%;}
.ques_txt_box .vt_title{ font-size:16px;}


/*公用活动结束样式*/
.v_end_com_box{ position:relative; z-index:3; margin:20px 10px; background:#fff; padding:20px 0px;}
.v_end_txt_com{ font-size:18px; margin-bottom:20px;}

/**/
.code_show{ margin-bottom:15px;}
.code_show img{ width:60%}

/**/
.vogue_read{ font-size:16px; padding-top:15px; line-height:32px; color:#999;}
.vogue_read a{ color:#607fa6; margin-right:5px;}
.vogue_read .praise{ margin-left:5px;}
/**/
.ac_btn_box{ margin-bottom:15px;}
.ac_btn_box .submit_btn_style{ margin:0px;}
.pro_list_survey{ margin-top:15px;}