img{display: inline-block;} .tongguobox{ overflow: hidden; } .tongguobox .btns{ text-align: center; margin-top: 1.5rem; } .mx_btn{ display: inline-block; height: 44px; line-height: 44px; background-image: linear-gradient(90deg, #73B9FF 0%, #4892FE 100%); box-shadow: 0 0 7px 0 rgba(97,170,255,0.50); border-radius: 22px; text-align: center; width: 172px; font-size: 14px; color: #FFFFFF; } .tongguobox .type{ font-size: 27px; text-align:center; margin-top: 0.84rem; } .tongguobox .type.type_wtg{ color: #666666; } .tongguobox .type.type_tg{ color: #48A3FE; } .tongguobox .type_info{ font-size: 15px; margin-top: 0.1rem; text-align: center; color: #999999; } .type_pic_wtg{ width: 4.11rem; height: 3.25rem; margin: 0.59rem auto 0.57rem; text-align: center; } .type_pic_tg{ width: 5.05rem; height: 2.9rem; margin: 0.68rem auto 0.78rem; text-align: center; } .type_pic_wtg img,.type_pic_tg img{ width: 100%; height: 100%; } .zhinfo{ margin-left: 0.98rem; } .zhinfo .list+.list{ margin-top: 0.33rem; } .zhinfo .fgx{ width: 1.68rem; position: relative; margin:0 5px; } .zhinfo .fgx:before{ position: absolute; left: 0; right: 0; top: 50%; border-top:1px dotted #979797; height: 1px; content: ''; } .zhinfo img{ width: 15px; margin-right: 5px; } .zhinfo .dc_hd span{ font-size: 16px; color: #666; } .zhinfo .dc_hd{ font-size: 17px; color: #48A3FE; } .mengxiang .panelbox { background: #fff; overflow: hidden; } .mengxiang .panelbox+.panelbox { margin-top: 10px; } .dt_btns{ text-align: center; padding: 0.5rem 0; position: relative; } .dt_btns:after { position: absolute; content: ''; height: 1px; left: 0px; right: 0; background: #E6E6E6; top: 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .dt_guize{ margin: 50px 15px 30px; background: #FAFDFE; border: 1px dotted #48A3FE; border-radius: 5px; padding: 57px 15px; position: relative; } .dt_guize .num{ margin-right: 10px; } .dt_guize .num span{ display: inline-block; width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 15px; color: #FFFFFF; background: #91BCE8; border-radius: 50%; } .dt_guize .list .dc_hd{ font-size: 16px; color: #666666; line-height: 22px; } .dt_guize .list+.list{ margin-top: 10px; } .dt_guize .type{ background: #FFFFFF; border: 1px solid #48A3FE; border-radius: 5px; width: 3.4rem; height: 0.8rem; line-height: 0.8rem; text-align: center; font-size: 0.36rem; color: #48A3FE; position: absolute; top: -0.4rem; left: 50%; transform: translateX(-50%); } .mengxiang .panelbox .tushubox{ padding: 0; } .mx_tushuitem { overflow: hidden; font-size: 0; } .mx_tushuitem .list{ float: left; margin-bottom: 0.58rem; width: 33.333%; } .mx_tushuitem .list .s_pic{ width: 1.88rem; height: 2.32rem; margin: 0 auto; position: relative; } .mx_tushuitem .list .s_pic .tg{ position: absolute; bottom: 0px; right: 0px; } .mx_tushuitem .list .s_pic .tg img{ width: 0.95rem; height: 0.97rem; } .mx_tushuitem .list .s_pic .suo{ position: absolute; bottom: 0px; right: 0px; } .mx_tushuitem .list .s_pic .suo img{ width: 0.6rem; height: 0.6rem; } .mx_tushuitem .list .s_name{ width: 1.88rem; margin: 0 auto; height: 35px; } .tushubox .mx_tushuitem .s_pic img{ width: 1.88rem; height: 2.32rem; display: block; max-height: inherit; } .mxh_tmbox{ position: absolute; left: 0; right: 0; bottom: 0; top: 0; background:#fff url(../images/mxh_dtbg.png) no-repeat center bottom/6.28rem 2.6rem; } .cp_item { padding: 20px 15px; } .cp_item .cp_tm { font-size: 17px; color: #333; line-height: 24px; margin-bottom: 20px; } .cp_item .txt{ margin-left:4px; line-height: 21px; } .cp_item .dalist{ background: #FAFAFA; border: 1px solid #E6E6E6; border-radius: 6px; padding: 12px 15px; font-size: 15px; color: #666; } .cp_item .dalist+.dalist{ margin-top: 15px; } .cp_item .tipsicon img{ display: none; width: 22px; height: 22px; margin-left: 10px; } .cp_item .dalist.active[name="1"]{ background-image: linear-gradient(90deg, #8DE7A1 0%, #70E59F 100%); color: #fff; } .cp_item .dalist.active[name="0"]{ background-image: linear-gradient(90deg, #FF7676 0%, #FF6F6F 100%); color: #fff; } .cp_item .dalist.active[name="1"] .zq{ display: block; } .cp_item .dalist.active[name="0"] .cw{ display: block; } .mxh_tmbox .tm_top{ background: #FFFFFF; box-shadow: 0 0 3px 0 rgba(0,0,0,0.10); height: 44px; padding: 0 15px; } .mxh_tmbox .tm_top img{ width: 18px; vertical-align: middle; margin-top: -3px; margin-right: 5px; } .mxh_tmbox .tm_top{ font-size: 14px; color: #666666; } .mxh_tmbox .jdt { background: #FFFFFF; border: 1px solid #B6B6B6; height: 8px; border-radius: 4px; position: relative; margin:0 12px; } .mxh_tmbox .jdt p { height: 6px; background-image: linear-gradient(90deg, #73B9FF 0%, #4892FE 100%); border-radius: 3px; transition: all 0.3; } .mxj_dengjibox { background: #FFFFFF; box-shadow: 1px 1px 2px 0 rgba(183,191,199,0.40); border-radius: 5px; margin: 10px; padding: 10px 0px; } .mxj_dengjibox .dc_hd.active{ opacity: 1; } .mxj_dengjibox .dc_hd{ text-align:center; opacity: 0.5; position: relative; } .mxj_dengjibox .dc_hd img{ height: 70px; display: inline-block; } .mxj_dengjibox .jt img{ width: 12px; } .mxj_dengjibox p{ font-size: 14px; color: #886627; } .mxj_dengjibox .wc{ width: 17px; height: 17px; background: url(../images/end.png) no-repeat center center / 17px 17px; display: none; position: absolute; right: 10px; bottom: 25px; } .mxj_dengjibox .wcicon .wc{ display: block; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-top-color: transparent; border-style: solid; bottom: -16px; left: 50%; margin-left: -6px; border-width: 6px 6px 0; border-top-color: #fff; display: none; } .dc_hd.active .tooltip-arrow { display: block; } .mxh_txt_info { background: #FFFFFF; box-shadow: 1px 1px 2px 0 rgba(183,191,199,0.40); border-radius: 5px; padding: 15px; margin-bottom: 10px; margin-left: 10px; margin-right: 15px; } .mxh_txt_info p{ opacity: 0.8; font-size: 15px; color: #666666; line-height: 21px; } .mxh_txt_info .iconfont{ color:#E6E6E6; } .mxh_txt_info .x3 .iconfont,.mxh_txt_info .x2 .iconfont{ color: #FFD200;; } .mxh_txt_info .x2 .iconfont:last-child{ color:#E6E6E6; } .mxh_txt_info .x1 .iconfont:first-child{ color:#FFD200; } .mxh_txt_info .txt{ opacity: 0.8; font-size: 16px; color: #333333; margin-right: 10px; } .mxh_txt_info .dc_flex{ margin-bottom: 9; } .ydtitle{ width: 70%; margin: 20px auto; text-align: center; position: relative; height: 21px; } .ydtitle:before{ content: ''; position: absolute; left: 0; right: 0; top: 11px; height: 1px; background: #ccc; } .ydtitle span{ background: #fff; display: inline-block; height: 21px; position: relative; z-index: 999; padding: 0 5px; font-size:15px; opacity: 0.8; color: #333333; } .ydtitle span i{ color: #48A3FE } .dd2-dialog{ width: 250px; height: 250px; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); } .dd2-dialog img{ width: 100%; height: 100%; }