html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
    font: 14px/1.5 "微软雅黑", "Microsoft Yahei", "华文细黑", STXihei, Helvetica, Arial, sans-serif;
}

:focus {
    outline: 1;
}
/*input[type="text"]:focus,input[type="password"]:focus{  border: 1px solid #1ebca5; }*/
textarea{font: 14px/1.5 "微软雅黑", "Microsoft Yahei", "华文细黑", STXihei, Helvetica, Arial, sans-serif;}



article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    text-decoration:none;
    background:transparent;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
.placeholder { color: #aaa; }
.hide{display:none!important;}
.opct{opacity:0;filter:Alpha(opacity=0);width:1px!important;height:1px!important;}
::-webkit-scrollbar {width: 8px;}
::-webkit-scrollbar-track {  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
::-webkit-scrollbar-thumb { border-radius: 10px; background: rgba(36,36,36,0.1); -webkit-box-shadow: inset 0 0 6px rgba(36,36,36,0.3);}
::-webkit-scrollbar-thumb:window-inactive { background: rgba(0,0,0,0.4);}
::-webkit-scrollbar:horizontal {height: 8px;}


.index_body_pad{ background-color: #fff;}
.index_top{ height: 40px; border-bottom: 1px solid #DDDDDD; background-color: #F8F8F8; }
.index_top_content{ width: 1200px; margin: 0 auto; height: 40px;}
.index_top_name{ float: left; font-size: 12px; color:#333333; height: 40px; line-height: 40px;}
.index_top_login{ float: right; line-height: 40px; color: #333333; }
.index_top_money{ float: left; margin-left: 20px; font-sindex_wx_ma_iconize: 12px; color: #333;}
.index_top_pay{ margin-left: 30px;}
.index_top_register{ float: left; margin-left: 10px; color: #333; font-size: 12px;}
.index_top_float{ float: left; color: #333;font-size: 12px; }
.index_content_frame{ width: 1200px; margin: 0 auto; }
.index_content_for{ padding: 20px 0; min-height: 57px; height: 57px\9;}
.index_logo_left{ float: left; width: 49.5%; box-sizing: border-box;}
.index_left_logo{ float: left; width: 160px; height: 54px; background: url(../indexImg/index_left_logo.png) no-repeat center; background-size: 160px auto;}
.index_left_txt{ float: left; margin-left: 10px;padding-top: 6px;}
.index_txt_top{ height: 20px; line-height: 20px; font-size: 15px; color: #297FE1; border-bottom: 1px solid #B0DCFF;}
.index_txt_top span{ float: left; height: 20px; margin-right: 12px; line-height: 20px; background: url(../indexImg/index_txt_top.png) no-repeat left center; background-size: 7px; padding-left: 12px;}
.index_txt_top span.last{ margin-right: 0;}
.index_txt_bottom{ height: 30px; line-height: 30px; font-size: 17px; color: #333;}
.index_logo_right{ float: right; width: 50.5%;box-sizing: border-box;}
.index_logo_input{ float: left; width: 538px; height: 30px; border: 1px solid #FC832D; border-right: none;}
.index_logo_input_p{line-height: 30px; float: left; width: 20%; box-sizing: border-box; text-align: center; background: url(../indexImg/index_logo_input.png) no-repeat right center; background-size: 1px 20px; color: #999999; }
.index_logo_chose{ cursor: pointer; position: relative; line-height: 30px; display: inline-block; color: #999; font-size: 12px; background: url(../indexImg/index_logo_chose.png) no-repeat right center; background-size: 7px 4px;padding-right: 15px;}
.index_logo_chose p{ 
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 82px;
}
.index_logo_chose.cur{color: #FC832D; background: url(../indexImg/index_logo_chose.cur.png) no-repeat right center; background-size: 7px 4px; padding-right: 15px;}
.index_logo_input_div{ float: left; width: 40%; box-sizing: border-box; }
.index_logo_input>div>input{ border: 0; outline: 0; width: 96%; padding: 0 0 0 4%; height: 30px; line-height: 30px;}
.index_logo_btn{ float: left; width: 64px; border: 1px solid #FC832D; background-color: #FC832D; height: 30px;  text-align: center; line-height: 30px; color: #fff; font-size: 12px;}
.index_logo_all{ box-sizing: border-box;}
.index_logo_foot{ font-size: 12px; color: #999999; padding-top: 6px; overflow: hidden; clear: both;}
.index_logo_foot>a{ float: left; margin-left: 12px; font-size: 12px; color: #999; cursor: pointer;}
.index_bar_top{ height: 44px; line-height: 44px; background-color: #FC832D;}
.index_bar_title{ float: left; width: 11.5%; text-align: center; font-size: 14px; color: #fff; height: 44px; line-height: 44px;}
.index_bar_title.cur{ background-color: #FC542D;}
.index_con_all{ clear: both; }
.index_con_frame{ width: 1200px; margin: 0 auto; margin-top: 16px; border: 1px solid #DDDDDD; border-bottom: none;}
.index_con_list{ border-bottom: 1px solid #DDDDDD; height: 49px; }
.index_con_li_icon{ float: left; margin: 9px 0;width: 82px; height: 32px; line-height: 32px; text-align: center; font-size: 12px; color: #fff;}
.index_con_li_icon.blue{ background: url(../indexImg/blue.png) no-repeat center; background-size: 82px 32px;}
.index_con_li_icon.green{background: url(../indexImg/green.png) no-repeat center; background-size: 82px 32px;}
.index_con_li_icon.orange{background: url(../indexImg/orange.png) no-repeat center; background-size: 82px 32px;}
.index_con_li{ float: left;}
.index_con_span{ float: left; padding: 0 20px; line-height: 49px; background: url(../indexImg/index_con_span.png) no-repeat right center; background-size: auto 12px; font-size: 12px; color: #444444;}
.index_con_span.cur{ text-decoration: underline; color: #FC832D;}
.index_con_span.dis{background: none;}

.index_tent_all{ width: 1200px; margin: 0 auto; padding: 15px 0 0 0;}
.index_tent_lil{ width: 73%; float: left; box-sizing: border-box;}
.index_tent_top{ width: 100%; padding-bottom: 15px;}
.index_tent_top img{ width: 100%;}
.index_tent_list{ margin-bottom: 15px; border:1px solid #DDDDDD; }
.index_tent_li_top{ padding-left: 8px; box-sizing: border-box; height: 48px; line-height: 48px; border-bottom: 1px solid #DDDDDD; background-color: #F5F5F5; font-size: 16px; color: #FC832D;}
.index_tent_li_cont{ padding: 30px 20px 0 20px; overflow: hidden;}
.index_tent_li_son{ display: inline-block; width: 198px; }
.index_tent_son_img{ border: 1px solid #C4DAEB;}
.index_tent_son_img img{ width: 100%;}
.index_tent_son_txt{ padding-top: 10px; font-size: 14px; color: #333333; font-weight: bold; text-align: center;}

.index_tent_li_table{ width: 100%; box-sizing: border-box; padding-bottom: 27px; overflow: hidden;}
.index_tent_li_td{ width: 25%; text-align: center; box-sizing: border-box; float: left;}
.index_tent_li_left{ float: left; line-height: 48px;}
.index_tent_li_right{ float: right; line-height: 48px; color: #666666; cursor: pointer; font-size: 14px; padding-right: 10px;}
.index_letter{ height: 40px; border-bottom: 1px solid #DDDDDD; box-sizing: border-box; padding: 0 8px;}
.index_letter_li{ text-align: center; margin: 8px 0; float: left; width:3.7037037%; font-size: 16px; color: #666666; height: 24px; line-height: 24px;}
.index_letter_li.cur{ background-color: #FC832D; color: #fff; border-radius: 3px;}
.index_game_list{ padding: 39.5px 0 39.5px  40px; overflow: hidden;}
.index_game_li{ width: 112px; float: left; margin: 25px 54px 25px 0;}
.index_game_li_img{ text-align: center;}
.index_game_li_img img{ width: 100px; height: 100px; display: inline-block;}
.index_game_li_txt{ overflow: hidden; padding: 10px 0; color: #333333; font-size: 14px; text-align: center;}
.index_game_li_btn{ width: 100%; overflow: hidden; box-sizing: border-box;}
.index_game_li_btnl{ float: left; width: 48%;box-sizing: border-box; text-align: center; font-size: 12px; color: #fff; background-color: #5CC3FF; height: 20px;line-height: 19px;   border: 1px solid #5CC3FF; border-radius: 3px; }
.index_game_li_btn0{ margin: 0 auto; float: inherit; display: block;}
.index_game_li_btnr{ float: right; width: 48%;box-sizing: border-box; text-align: center; font-size: 12px; color: #fff; background-color: #FF9400;height: 20px; line-height: 19px;  border: 1px solid #FF9400; border-radius: 3px;}
/*right now begin*/
.index_tent_lir{ float: right; width: 25.75%; box-sizing: border-box;}
.index_pay_pad{ border: 1px solid #ddd; padding: 17px 25px;}
.index_pay_list{ border-bottom: 1px dashed #E0E0E0; height: 40px ; line-height: 40px;}
.index_pay_lil{ text-align: center; float: left; width: 50%;  box-sizing: border-box;}
.index_pay_lil>p{ display: inline; color: #333; font-size: 14px;}
.index_pay_lil>p.cur{ color: #FC832D; border-bottom: 1px solid #FC832D;}
.index_pay_lil.line{background:url(../indexImg/index_pay_lil.png) no-repeat right center; background-size: 2px 16px;}
.index_notice_pad{ border: 1px solid #DDD; margin-top: 12px;}
.index_notice_head{ padding: 0 20px 0 25px; height: 70px; border-bottom: 1px solid #DDD;}
.index_notice_headl{ float: left; font-size: 14px; color: #333; background: url(../indexImg/index_notice_headl.png) no-repeat left center; background-size: 40px; padding-left: 50px; line-height: 70px;}
.index_notice_headr{ float: right;  line-height: 70px; color: #999;}
.index_notice_list{overflow: hidden; padding: 0 5px;}
.index_notice_li{ font-size: 12px; height: 40px; line-height: 40px; border-bottom: 1px dashed #E0E0E0;}
.index_notice_li a{ color: #333;}
.index_notice_li a.cur{ color: #FC832D; text-decoration: underline;}
.index_notice_li.last{ border-bottom: none;}
.index_pay_pad_new{ margin-top: 15px;}
.index_wx_pad{ border: 1px solid #DDD; margin-top: 15px; }
.index_wx_head{ height: 50px; line-height: 50px; border-bottom: 1px solid #DDD; font-size: 18px; color: #333333; text-align: center;}
.index_wx_ma{ padding: 28px 0; overflow: hidden; text-align: center;}
.index_wx_ma_icon{ height: 240px; width: 240px; display: inline-block; background: url(../indexImg/index_wx_ma_icon3.png) no-repeat center; background-size: 240px; }
.index_notice_headl_new{float: left;font-size: 14px;color: #333;background: url(../indexImg/index_notice_headl_new.png) no-repeat left center;background-size: 40px;padding-left: 50px;line-height: 70px;}
/*hover*/
.index_con_span:hover{text-decoration: underline;color: #FC832D;}
.index_pay_lil>p:hover{color: #FC832D;border-bottom: 1px solid #FC832D; cursor: pointer;}
.index_notice_li a:hover{color: #FC832D;text-decoration: underline;}
/*hover end*/
.index_notice_left{ float: left; width: 50%; box-sizing: border-box;}
.index_question_list{ padding: 0 15px;}
.index_question_btn{ padding: 30px 28px;}
.index_question_btn_all{ border: 1px solid #DDD; height: 50px; line-height: 50px; text-align: center; display: block;}
.index_question_btn_all span{ display: inline-block; background: url(../indexImg/index_question_btn_all.png) no-repeat left 13px; background-size: 27px 30px; padding-left: 31px; font-size: 14px; color: #999999;}
/*客服电话*/
.index_service_pad{ margin-top: 15px; border: 1px solid #DDD; padding: 0 20px;}
.index_service_list{ border-bottom: 1px dashed #E0E0E0; height: 55px; line-height: 55px;}
.index_service_list.last{ border-bottom: none;}
.index_service_frame>div{ font-size: 16px; color: #333; line-height: 20px; }
.index_service_frame>p{ font-size: 12px; color: #333;line-height: 16px;}
.index_service_phone{ padding-left: 22px; background: url(../indexImg/index_service_phone.png) no-repeat left center; background-size: 27px 24px;}
.index_service_email{padding-left: 22px; background: url(../indexImg/index_service_email.png) no-repeat left center; background-size: 28px 20px;}
.index_service_frame{ padding: 10px 0 0 15px; overflow: hidden;}
/*论坛*/
.index_forum{ padding: 15px 0; clear: both; width: 1200px; margin: 0 auto;}
.index_forum_img{ border: 1px solid #A4C1D7; box-sizing: border-box; padding: 4px;}
.index_forum_img img{ width: 100%; vertical-align: top;}
/*排行榜*/
.index_rank_pad{ width: 1200px; margin: 0 auto; box-sizing: border-box; margin-bottom: 15px; overflow: hidden;}
.index_rank_list{ padding-bottom: 8px; width: 30%; border: 1px solid #DDD; box-sizing: border-box; margin-right: 5%; float: left;}
.index_rank_list.last{ margin-right: 0;}
.index_rank_head{ height: 50px; line-height: 50px; padding: 0 0 0 18px; box-sizing: border-box; }
.index_rank_head>p{ display: inline-block; color: #333; font-weight: 700; }
.index_rank_phone{ background: url(../indexImg/index_rank_phone.png) no-repeat left center; background-size: 20px 28px; padding-left: 30px;}
.index_rank_computer{background: url(../indexImg/index_rank_computer.png) no-repeat left center; background-size: 27px 28px; padding-left: 37px;}
.index_rank_logo{background: url(../indexImg/index_rank_logo.png) no-repeat left center; background-size: 28px 28px; padding-left: 38px;}
.index_rank_content{ background-color: #fff; clear: both;}
.index_ranfor_list{ height: 40px; line-height: 40px; padding-left: 18px;}
.index_ranfor_lil{ height: 20px; width: 20px; float: left; line-height: 20px; text-align: center; margin: 10px 0; color: #7B7B7B; font-size: 14px; background-color: #E9E9E9; }
.index_ranfor_lil.first{ background-color: #FE7600; border-radius: 3px; color: #fff;}
.index_ranfor_lil.second{ background-color: #FF9400;border-radius: 3px;color: #fff; }
.index_ranfor_lil.third{ background-color: #FFCA00;border-radius: 3px;color: #fff;}
.index_ranfor_lim{ float: left; line-height: 40px; padding-left: 10px; font-size: 12px; color: #333;}
.index_ranfor_lir{ float: right; padding-right: 30px; line-height: 40px;font-size: 12px;color: #333;}
.index_rank_select{ float: right; width: 100px; height: 25px; margin: 11.5px 30px 11.5px 0; border: 1px solid #DDD;}
.index_rank_select select{ outline: 0; resize: none; border: none; width: 96%; font-size: 12px; color: #444444; padding: 0 0 0 4%; height: 25px; line-height: 25px;}
/*滑动变结构*/
.index_rank_content{ position: relative;}
.index_detail_all{ height: 100px; padding-left: 18px; box-sizing: border-box; margin: 10px 0;}
.index_detail_lil{ border-radius: 3px; float: left; height: 100px; line-height: 100px; width: 20px; text-align: center;color: #7B7B7B; font-size: 14px; background-color: #E9E9E9; }
.index_detail_lil.first{ background-color: #FE7600; color: #fff;}
.index_detail_lil.second{ background-color: #FF9400; color: #fff;}
.index_detail_lil.third{ background-color: #FFCA00; color: #fff;}

.index_detail_lim{ width: 100px; float: left; padding-left: 10px; height: 100px;}
.index_detail_lim img{ width: 100%; height: 100px; vertical-align: top;}
.index_detail_lir{ float: left; padding-left: 10px; padding-top: 7px; }
.index_detail_lir>div{ padding-bottom: 10px; font-size: 14px; color: #333; }
.index_detail_lir>p{font-size: 14px; color: #333; float: left;}
.index_detail_lir>span{ float: left; margin-left: 8px; width: 12px; height: 21px; }
.index_detail_message{ background: url(../indexImg/index_detail_message.png) no-repeat center; background-size: 12px;}
.index_detail_call{background: url(../indexImg/index_detail_call.png) no-repeat center; background-size: 12px;}
.index_detail_people{background: url(../indexImg/index_detail_people.png) no-repeat center; background-size: 12px;}
/*footer*/
.index_footer{ background-color: #F2F2F2; padding: 40px 0;}
.index_footer_top{ padding:0 0 37px 203px; }
.index_footer_top p{ display: inline-block; padding-left: 30px; background: url(../indexImg/index_footer_top.png) no-repeat left center; background-size: 23px 18px; line-height: 18px; font-size: 16px; color: #333333;}
.index_footer_middle{ width: 475px; margin: 0 auto; overflow: hidden;}
.index_footer_middle_p{ float: left; background: url(../indexImg/index_footer_middle_p.png) no-repeat center; background-size: 165px 55px; width: 165px; height: 55px;}
.index_footer_middle_div{float: right; background: url(../indexImg/index_footer_middle_div.png) no-repeat center; background-size: 143px 42px; width: 143px; height: 68px;}
.index_footer_link{ width: 1140px; margin: 0 auto; height: 15px; padding-top: 15px;}
.index_footer_link a{ float: left; border-right: 1px solid #999999; color: #999; line-height: 15px; padding: 0 10px;}
.index_footer_link a.last{ border-right: none;}
/*black index_footer*/
.index_black_all{background-color: #363636; padding: 30px 0;}
.index_black_list_top{ width: 470px; margin: 0 auto; padding-bottom: 15px; }
.index_black_list_top a{ float: left; line-height: 15px;   color: #AAAAAA; border-right: 1px solid #AAAAAA; font-size: 12px; padding: 0 8px; }
.index_black_list_top a.last{ border-right: none;}
.index_black_list_bot{ width: 690px; margin: 0 auto; font-size: 12px; color:#AAAAAA; padding-top: 15px; overflow: hidden; }
.index_black_list_bot span{ padding-right: 30px; float: left;}
/*搜索框*/
.index_search{ z-index: 200; width: 740px; position: absolute;box-sizing: border-box; top: 41px; left:-157px; background-color: #fff; border: 1px solid #FC832D;}
.index_search_head{ height: 24px; padding: 0 12px;box-sizing: border-box;}
.index_search_headl{ float: left; width: 200px; box-sizing: border-box; }
.index_search_headl>input{ float: left; outline: 0; padding: 0 0 0 4%; width: 73%; height: 22px; line-height: 22px; border: 1px solid #D4D4D4; font-size: 12px; color: #999999;}
.index_search_headm{ float: left; width: 20%; border: 1px solid #D4D4D4; border-left: none; height: 22px; line-height: 22px; background: url(../indexImg/index_search_headm.png) no-repeat center; background-size: 16px; }

.index_search_close{ float: right; background: url(../indexImg/index_search_close.png) no-repeat center; background-size: 16px; width: 16px; height: 24px;}
.index_search_content{ padding: 18px 25px 6px 25px; overflow: hidden;}
.index_search_content>a{ height: 14px; line-height: 14px; float: left; color: #333; margin: 0 15px 12px 0; font-size: 12px; cursor: pointer;}
.index_search_all{ position: relative; box-sizing: border-box; background-color: #fff; padding: 10px 0 0 0;max-height: 500px; overflow: auto;}

.game_type_title{
	width: 60px;
	height: 32px;
	background-image: linear-gradient(270deg, 
		#87a9ff 0%, 
		#4896ff 100%), 
	linear-gradient(
		#5091ec, 
		#5091ec);
	background-blend-mode: normal, 
		normal;
	border-radius: 2px;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 32px;
	letter-spacing: 1px;
	color: #ffffff;    
    text-align: center;
    margin-left: 25px;
}
.game_type_title.game_type_style2{
	background-image: linear-gradient(-90deg, 
		#6ddf8c 0%, 
		#44cda9 100%), 
	linear-gradient(
		#5cc3ff, 
		#5cc3ff);
	background-blend-mode: normal, 
		normal;
}

.index_gou{ position: absolute; top: -5.5px; left: 25%; background: url(../indexImg/index_gou.png) no-repeat center; background-size: 9px 6px; width: 9px; height: 6px;}
.index_detail_pi{ overflow: hidden; height: 21px; padding-bottom: 0;}
.index_detail_pi>p{font-size: 14px;color: #333;float: left;}
.index_detail_pi>span{float: left;margin-left: 8px;width: 12px;height: 21px;}
.index_detail_lir>div.index_detail_bot{  height: 21px;}
.index_detail_bot>p{ float: left; height: 21px; line-height: 21px; font-size: 14px; color: #333; padding-right: 6px;}
.daren_rank_3{ float: left; height: 21px; width: 20px; background: url(../indexImg/index_detail_bot.gif) no-repeat center; background-size: 20px;}
.daren_rank_2{ float: left; height: 21px; width: 20px; background: url(../indexImg/iron_medal.gif) no-repeat center; background-size: 20px;}
.daren_rank_1{ float: left; height: 21px; width: 20px; background: url(../indexImg/copper_medal.gif) no-repeat center; background-size: 20px;}

.index_rank_icon_3{ width: 20px; height: 40px; background: url(../indexImg/index_detail_bot.gif) no-repeat center; background-size: 20px;}
.index_rank_icon_2{ width: 20px; height: 40px; background: url(../indexImg/iron_medal.gif) no-repeat center; background-size: 20px;}
.index_rank_icon_1{ width: 20px; height: 40px; background: url(../indexImg/copper_medal.gif) no-repeat center; background-size: 20px;}

.greyMask{    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background:rgba(0,0,0,0.8);
    z-index: 10000;
    display:flex;
    justify-content: center;
}
.greyHide{display:none;}


/*商品，下载app弹窗*/
#safety-bg3{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,0.6);
    display: none;
    z-index: 10;
}
#safety3{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 434px;
    height: 323px;
    margin-left: -217px;
    margin-top: -161px;
    background-color: #ffffff;
    border-radius: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 30px;
}
.safety-valid h3{
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #292929;
    text-align: center;
}
.safety-valid p{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: 0px;
    color: #333333;
    text-align: center;
    margin-bottom: 20px;
}
.safety-valid .code-img{
    display: block;
    margin: 0 auto;
    width: 180px;
    margin-bottom: 20px;
}
.safety-valid #valid-close3
{
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    line-height: 20px;
    cursor: pointer;
}

.fl{
float: left;
}
.fr{
float: right;
}
.clearfix::after{
content: "";
display: block;
clear: both;
}
.right-fixed-comm{
    position: fixed;
    right: 30px;
    top: 42vh;
    display: none;
    z-index: 9;
}
.right-fixed-comm .comm-close{ 
    position: absolute;
    top: -20px;
    right: -24px;
    width: 24px;
    height: 24px;
    border-radius: 50%;    
}
.comm-item{
width: 345px;
/* background-color: #ffffff;
border-radius: 10px;
box-sizing: border-box;
padding: 12px 8px;
box-shadow: 0px 2px 10px 0px 
rgba(252, 130, 45, 0.5);
border: solid 3px #fc822d; */
}
.comm-img{
width: 128px; 
height: 128px;
background-color: #ffffff;
border-radius: 6px;
overflow: hidden;
}
.comm-img img{
width: 100%;
height: 100%;
}
.comm-r{
 width: 183px;
}
.comm-tit{
font-size: 12px;
font-weight: bold;
font-stretch: normal;
line-height: 18px;
letter-spacing: 0px;
color: #292929;
margin-bottom: 10px!important;
display: -webkit-box;
overflow: hidden;  
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;    
}
.comm-btn{
width: 150px;
height: 22px;
box-sizing: border-box;
border: 1px solid #fae2df;
border-radius: 6px;
overflow: hidden;
margin-bottom: 22px;
}
.comm-btn>div:nth-child(1){
width: 34px;
height: 22px;
background-image: linear-gradient(92deg, 
    #fa6342 0%, 
    #ff986b 100%, 
    #ff9f70 100%, 
    #ffa574 100%);
font-size: 12px;
font-weight: normal;
font-stretch: normal;
line-height: 22px;
letter-spacing: 0px;
color: #ffffff;    
text-align: center;
border-right: 1px solid #fae2df;
}
.comm-btn>p:nth-child(2){
width: 113px;
font-size: 12px;
font-weight: normal;
font-stretch: normal;
line-height: 22px;
letter-spacing: 0px;
color: #fc822d;
text-align: center;
}
.comm-price-l{
width: 110px;
height: 38px;
background: url(../images/paysuccess-ico1.png) no-repeat;
background-size: 100% 100%;
font-size: 12px;
line-height: 38px;
color: #fff;
box-sizing: border-box;
padding-left: 8px;
}
.comm-price-l .span1{
color: rgba(255, 255, 255, 0.7);
text-decoration: line-through;
margin-right: 7px;
}
.comm-price-l .span2{
font-size: 20px;
}
.comm-price-r{
width: 101px;
height: 38px;
cursor: pointer;
background: url(../images/paysuccess-ico-go.png) no-repeat;
background-size: 100% 100%;
margin-left: -29px;
}