/*初始化*/
@charset "UTF-8";
/*css 初始化 */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img {
    margin: 0;
    padding: 0;
}

fieldset, img, input, button {             /*fieldset组合表单中的相关元素*/
    border: none;
    padding: 0;
    margin: 0;
    outline-style: none;
}

ul, ol ,li {
    list-style: none;                /*清除列表风格*/
}

a:hover{
    text-decoration: none;
    color: #000;
}


input {
    padding-top: 0;
    padding-bottom: 0;
    font-family: "FangSong", "仿宋";
}

select, input {
    vertical-align: middle;
}

select, input, textarea {
    font-size: 12px;
    margin: 0;
}

textarea {
    resize: none;
}

/*防止多行文本框拖动*/
img {
    border: 0;
    vertical-align: middle;
}

/*  去掉图片低测默认的3像素空白缝隙*/
table {
    border-collapse: collapse;            /*合并外边线*/
}


body {
    font-family: 微软雅黑, Microsoft YaHei, \5FAE\8F6F\96C5\9ED1;

    color: #4c4c4c;

    background: #eff1f3
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1; /*IE/7/6*/
}

a {
    color: #000;
    text-decoration: none;
}

a:hover {
    color: #C81623;
}

h1, h2, h3, h4, h5, h6 {
    text-decoration: none;
    font-weight: normal;
    font-size: 100%;
}

s, i, em {
    font-style: normal;
    text-decoration: none;
}

.col-red {
    color: #C81623 !important;
}
.col-md-12{padding: 0 !important}
.col-md-4{padding: 0 !important}
.col-md-10{padding-right: 0}



/*头部*/
.header{background-color: #EFF0F2;padding: 6px 0;color: #555;}
.header .bg-zt {background-color:#F50909 !important;font-size:14px;}
.header a {color:#555;}
.sj{
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #555;
}
.complaint::after{
	content: '|';
	position: absolute;
	top:0;
	bottom: 0;
}
.tel{width: 25px;height: 25px}

.arrow-right{
  width: 10px;
  height: 10px;
  border: 2px solid #fff;
  border-left-width: 0;
  border-bottom-width: 0;
  transform: matrix(0.71,0.71,-0.71,0.71,0,0);
}
.btn{background-color: rgba(255, 255, 255, .4);}
.header .arrow-right{
    width: 10px;
    height: 10px;
    border: 2px solid #555;
    border-left-width: 0;
    border-bottom-width: 0;
    transform: matrix(0.71,0.71,-0.71,0.71,0,0);
}

/*菜单*/
.menu_sj{
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #333;
}


/*banner*/
.top_img{width: 100%}
.banner_logo img{width: 30px;height: 30px}

.banner-left-sj{
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #FF6B27;
}

.carousel-indicators li{
	width: 70px;height: 5px;
	border-radius: 0px;border: 1px solid rgba(255,255,255,.4);
	background-color: rgba(255,255,255,.4);
}
.carousel-indicators .active {
	width: 70px;height: 5px ;
	border-radius: 0px}
.banner_mune{top: 20px;}

.carousel-indicators{left: 55%}
.banner_py{padding: 10px 0}
.banner_rz{padding: 10px 0}

.banner_left_nav_hover{
    box-sizing: border-box;
    display: none;
    position: absolute;
    top: 0;
    left: 280px;
    width: 700px;
    height: 100%;
    background: #fff;
    filter: drop-shadow(-2px 2px 4px rgba(0,0,0,.08));
    padding: 35px 117px 36px 45px;
}
.xu_x{border-bottom: 1px dashed #ccc;display: inline;
    float: left;width:100%;padding:30px 0 !important;}
.xu_x li{display: inline-block;padding-bottom:5px;padding-right:10px !important}


/*低价推荐*/
.sraech{width: 10%}
.sraech img{width: 20px;height: 20px}
.input{width: 70%}
.input input{border-style: none;width:100%;}
.sraech_btn{width: 20%;height: 42px;right: 0;top:0;
 border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
}
input{
outline:none;
width: 100%;
}
.srarch_width{width: 70%}
.sj_top{
	width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
}

.sj_bottom{
	width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
}
.t_bt{

	color: #fff;
    padding: 3px;
    font-size:14px;
}
.web-notice li,.web-notice2 li {padding:8px 0;}
.t_content{
	width:70%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
}
.t-height{height: 300px;}
.more{    bottom: 10px;
    right: 30px;
    padding: 5px 10px;}
#book_class{background:#fff;_background-image: url('../image/bj.jpeg');background-size: 100% 100%}

/*优质店铺*/
.shop_mune{
    border-bottom: 1px solid #f2f2f2;
}
.shop_logo img{width: 40px;height: 40px}
.shop_type{border: 1px solid transparent;
    background: linear-gradient(white,white) padding-box,
    repeating-linear-gradient(-45deg,#ccc 0, #ccc 0.5em,white 0,white 0.75em);}
.border_shop::after{
    content: '';
    position: absolute;
    left: 100px;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #ccc;
}
.border_shop::before{
    content: '';
    position: absolute;
    right: 100px;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #ccc;
}
.shop_btn{color: #F50909;border:1px solid #F50909;font-size: 14px;
    line-height: 20px;
    padding: 3px 10px;
    height: 30px;
}
.font-shop{font-size: 34px;}
.shop{width: 49%;display: inline-block;padding-bottom: 10px;
    padding-top: 10px;}
.shop:nth-child(n+1){
    margin-right: 7.5px;

}
.shop:hover{
    transform: scale(1.03);
transition: 0.6s;
}
.shop_active{
    color: #fff;
    background-color: #F50909;

}
.shop_tab{display: none}
.shop_active_tab{display: block;}




/*任务专访*/
.expert_img{
    width: 100%;
    position: relative;

    height: 506px;
    background: rgba(0,0,0,.15);
    object-fit: cover;
}
.expert_tu{
    position: absolute;
    bottom: 0;
    left: -3%;
    filter: blur(15px);
    width: 106%;
    height: 215px;
    object-fit: cover;
    transform: rotate(180deg);
}
.expert_desc{
    -webkit-box-orient:vertical;/*设置或检索伸缩盒子对象的子元素的排列方式*/
    word-break:break-all;/*强制换行*/
    -webkit-line-clamp:2;/*显示的行数*/
    overflow:hidden;    /*隐藏超出的内容*/
    text-overflow: ellipsis; /*省略号(...)*/ 
}
.expert_zi{
    bottom: 0px;
    left: 0;
    height: 215px;
    width: 100%;
    overflow: hidden;
}
.expert_zindex{
    z-index: 10;
    color: #ccc;
}

.expert_zi p:hover{color: #FF6B27}
.expert{
    top: 0;
    height: 285px;
}
.expert_hen{width: 50px;height: 3px;background-color: #fff}
.expert_id{font-size: 60px}
.expert_content{
    width: 99%;
    height: 168px;
    margin-bottom: 1px;
    background-color:#fff;
}
.expert_content:last-child{margin: 0}
.expert_right img{width: 100px;height: 100px;border-radius: 100%;}
.expert_left_hen{width: 50px;height: 3px;background-color: #F50909;}
.expert_left_num{font-size: 30px;}
.expert_left{border-right: 1px solid #ccc;}
.text-light-muted{
    margin-top: 3px;
white-space: nowrap;
overflow: hidden;
text-overflow:ellipsis;
}
.browse{color: #F50909}

.browse-left-sj{
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #F50909;
}
.expert_content:hover{background-color: #e2e2e2;}



/*资讯*/
.tabs li{ display:inline-block;width: 100px;text-align: center;font-weight: bold}
.news{width: 100%}
.tabs_active{color:#F50909;position: relative;}
.tabs_active::after{
    content: '';
    position: absolute;
    width: 20px;
    height: 4px;
    background-color: #F50909;
    bottom: -10px;
    left: 40px;

}
.news-left-sj{
        width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #F50909;
}
.new_title{
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.new_title_right{
        width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mb_news{margin-bottom: 34px}
.new_title_right:hover{color: #FF6B27}
.mb_news:hover{color: #FF6B27}
.new_list_avtive{display: block !important;}
.new_list{display: none;}


/*底部footer*/
.footer{background-color:#161616;width: 100%}
.footer_title{border-bottom: 1px solid #ccc}
.footer_mune{width: 120px}
.footer_mune a{color: #fff}
.friendship li img{width: 100px;}

.friendship li {display: inline-block;}



/*弹窗*/
.index_form_content {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 9999999;
}

.index_form_box_alt {
    width: 446px;
    height: 444px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.index_form_box_alt.yzm {
    height: 507px;
}

.index_form_box_alt .form_item4 {
    display: none;
}

.index_form_box_alt.yzm .form_item4 {
    display: block;
}

.index_form_content .alt-bg-close {
    width: 34px;
    height: 34px;
    background: url(../image/close_form.png) no-repeat;
    background-size: cover;
    position: absolute;
    top: -34px;
    right: -39px;
    cursor: pointer;
}

.index_form_center {
    height: 100%;
    padding: 0 46px;
}

.index_form_type {
    position: relative;
    width: 131px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    background-color: rgba(255, 255, 255, .25);
    cursor: pointer;
}

.index_form_type1 {
    border-radius: 6px 0 0 0;
}

.index_form_type2 {
    border-radius: 0 6px 0 0;
}

.index_form_type span {
    position: relative;
    z-index: 2;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}

.index_form_type .bg-icon47 {
    position: absolute;
    top: -4px;
    left: -7px;
    display: none;
}

.index_form_type.active {
    background-color: transparent;
}

.index_form_type.active:after {
    content: '';
    display: block;
    width: 28px;
    height: 2px;
    background: #F4252A;
    border-radius: 1px;
    position: absolute;
    top: 38px;
    left: 50%;
    margin-left: -14px;
}

.index_form_type.active span {
    font-size: 16px;
    font-weight: bold;
    color: #DA171E;
}

.index_form_type.active .bg-icon47 {
    display: block;
}

.index_form_box1 {
    width: 100%;
}

.index_form_box1 h3 {
    display: none;
    font-size: 22px;
    font-weight: bold;
    color: #191928;
    line-height: 24px;
    padding: 28px 0 9px;
    text-align: center;
}

.index_form_box1>p {
    font-size: 14px;
    font-weight: 400;
    color: #FF630A;
    line-height: 14px;
    text-align: center;
}

.index_form_box1>.show {
    display: block;
}

.index_form_item:first-child {
    margin-top: 23px;
}

.index_form_item {
    height: 46px;
    background: rgba(242, 246, 248, 0.5);
    border: 1px solid #D8E4EA;
    margin-top: 15px;
    position: relative;
}

.index_form_item input {
    width: 100%;
    padding-left: 49px;
    padding-right: 31px;
    height: 100%;
    font-size: 14px;
    font-weight: 400;
    color: #393939;
    background:#f8fafb;
    line-height: 46px;
}

.form-type {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 13px;
    left: 15px;
}
.form_item1 .form-type {
    background: url("../image/form-type1.png") no-repeat;
}

.form_item2 .form-type {
    background: url("../image/form-type2.png") no-repeat;
}

.form_item3 .form-type {
    background: url("../image/form-type3.png") no-repeat;
}

.form_item4 .form-type {
    background: url("../image/form-type4.png") no-repeat;
}

.index_form_platform {
    padding-left: 49px;
    height: 100%;
    cursor: pointer;
}

.index_form_platform .select_value {
    display: block;
    height: 46px;
    line-height: 46px;
}

.index_form_platform .select_value[value=""] {
    color: #bbb;
}

.index_form_platform i {
    width: 20px;
    height: 20px;
    background: url(../image/icon1.png) no-repeat;
    position: absolute;
    top: 13px;
    right: 11px;
}

.index_form_platform .select_list {
    display: none;
    position: absolute;
    top: 46px;
    left: 41px;
    width: 312px;
    box-sizing: border-box;
    overflow: hidden;
    transition: all .1s linear;
    background-color: #fff;
    box-shadow: -2px 6px 20px 4px rgba(0, 0, 0, .1);
    z-index: 9;
}

.index_form_platform.index_form_open .select_list {
    display: block;
}

.index_form_platform .select_list li {
    font-size: 14px;
    color: #333;
    line-height: 32px;
    transition: all .1s linear;
    padding: 0 8px;
    cursor: pointer;
}

.index_form_platform .select_list li.active {
    background-color: #F4252A;
    color: #fff;
}

.index_form_platform .select_list li.active:hover {
    color: #fff;
}

.index_form_platform .select_list li:hover {
    color: #F4252A;
}

.index_form_get_code {
    font-size: 14px;
    font-weight: 400;
    color: #393939;
    line-height: 46px;
    height: 46px;
    padding: 0 11px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.index_form_submit {
    cursor: pointer;
    height: 46px;
    margin-top: 25px;
    background: #E62129;
}

.index_form_submit:hover {
    background: #D51018;
}

.index_form_submit span {
    display: block;
    line-height: 46px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
}

.index_form_kst {
    display: block;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: rgba(255, 235, 236, 0.15);
    border: 1px solid #FFEBEC;
    font-size: 16px;
    color: #E62129;
    font-weight: bold;
    margin-top: 10px;
}

.index_form_kst span {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    margin-top: 11px;
    margin-right: 6px;
    background: url(../image/icon2.png) no-repeat;
}
.index_form_kst:hover {
    color:#E62129;
}


.index_form_flow {
    width: 360px;
    height: 20px;
    line-height: 20px;
    margin-top: 15px;
    text-align: center;
}

.index_form_flow span {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    color: #191928;
    height: 20px;
    position: relative;
    padding-right: 24px;
}

.index_form_flow span.sp1 {
    float: left;
}

.index_form_flow span.sp3 {
    float: right;
}

.index_form_flow span i {
    display: inline-block;
    vertical-align: top;
    color: #7B7B7B;
    margin-right: 6px;
}

.index_form_flow span::after {
    display: block;
    content: "";
    width: 20px;
    height: 20px;
    background: url(../image/icon3.png) no-repeat;
    position: absolute;
    top: 0;
    right: 0;
}