body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button, textarea, p, blockquote{margin: 0; padding: 0; font-family:"微软雅黑"; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;} body{font-size: 16px;width: 100%; padding: 0; margin: 0; } table{border-collapse: collapse; border-spacing: 0; font-size: inherit; font: 100%;} input, img{vertical-align: middle} a{text-decoration: none; cursor:pointer;} a:link, a:visited, a:active, a:hover,a{ text-decoration:none; } a{ text-decoration:none;} fieldset, img{border: 0;} address, caption, cite, code, dfn, em, strong, th, var{font-style: normal; font-weight: normal;} caption, th{text-align: left;} h1, h2, h3, h4, h5, h6{font-size: 100%; font-weight: normal;} input, textarea, select{font-family: inherit; font-size: inherit; font-weight: inherit;} input[type="text"], input[type="password"], input[type="number"], input[type="button"]{-webkit-appearance: none;-moz-appearance: none; } li{list-style: none;} .clearfixd:after{content: '\20'; display: block; height: 0; clear: both;} .clearfixd{*zoom:1; overflow:hidden;} .hide{display:none;} .nomarginleft{margin-left:0} input:focus,select:focus{outline:none;} .fr_l{ float:left;} .fr_r{ float:right;} @font-face { font-family: 'iconfont'; src: url('iconfont.eot'); src: url('iconfont.eot?#iefix') format('embedded-opentype'), url('iconfont.woff') format('woff'), url('iconfont.ttf') format('truetype'), url('iconfont.svg#iconfont') format('svg'); } .iconfont{ font-family:"iconfont" !important; font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } .tuichu{ border:1px solid #e7e7e7; background:#fff; border-radius:10px; background:#fff; corlor:#fff; font-size:12px; padding:3px 5px;} .tuichu_con .tuichu{width:80%;margin:50px auto 30px;background: linear-gradient(to right, #fa6127,#ed933f);color:#fff;line-height:40px;height:40px;border-radius:50px;font-size:15px;padding:0;display:block;border: none;} .main-container{max-width:640px;width:100%;margin:0 auto;min-height:100vh;background: #fff/* Safari 5.1 - 6.0 */ /* Opera 11.1 - 12.0 */ /* Firefox 3.6 - 15 */ /* 标准的语法 */} /*头部区域开始*/ .header{position:fixed;top:0;left:0;width:100%;box-sizing:border-box;padding: 5px 0;z-index:999;} .header .logo{ width:65px; margin:0 auto; } .header .logo img{ width:100%;} .header .back{position:absolute;left: -1px;top: 15px;display:block;} .header .back i{ font-size:20px; color:#ccc; line-height:50px;} .header .back img{ width:50px;} .header .header_left{ width:calc(100% - 100px);} .header .header_left a{ display:block; width:100%; height:30px; line-height:30px; background:rgba(255,255,255,0.5); border-radius:15px; padding:0 10px; color:#fff;} .header .header_left i{ font-size:18px; display:block; float:left;} .header .header_left span{ margin-left:5px; font-size:14px; float:left;} .header .header_right{ width:70px; position:relative; text-align:center; margin-top:0;} .header .header_right i{ font-size:25px; color:#fff; position:relative; top:5px;} .header .header_right span{ position:absolute; top:-2px; background:#f00; display:block; border-radius:50%; color:#fff; font-size:12px; text-align:center; width:18px; height:18px; left:50%; margin-left:-7px;} /*头部区域结束*/ /*海报区域开始*/ .banner { width: 95%; margin: 0 auto 10px; overflow: hidden; border-radius: 10px; } .banner img{width: 100%;height: 180px !important;margin: 0 auto;border-radius: 10px;} .swiper-pagination-bullet{ background:#fff;} .swiper-pagination-bullet-active{ background:#fff; width:15px; border-radius:8px;} .banner_btbg{ width:100%; position:relative; z-index:9; margin-top:-20px;} .banner_btbg img{ width:100%;} /*海报区域结束*/ /**********二级导航区域开始**********/ .erji_nav{border-radius: 5px;position: relative;z-index: 2;width: 95%;background: #fff;margin: 10px auto 10px;} .erji_nav ul{padding:10px 0 5px;background:none;} .erji_nav ul li{ float:left; width:25%; text-align:center;} .erji_nav ul li img{width: 45px;} .erji_nav ul li p{line-height:2.2em;color: #666;font-size: 12px;} /**********二级导航区域结束**********/ .ck_btn{ width:45%; margin:10px auto 30px;} .ck_btn img{ width:100%;} .ck_btn a{ width:100%; line-height:40px; text-align:center; color:#fff; background: -webkit-linear-gradient(left, #2331a9 , #4e9aee); background: -o-linear-gradient(right,#2331a9 , #4e9aee); background: -moz-linear-gradient(right, #2331a9 , #4e9aee); background: linear-gradient(to right, #2331a9 , #4e9aee); border-radius:40px; display:block; font-size:14px;} /*注册公告区域开始*/ .tab_nav{width:100%;margin: 0 auto 0;position:relative;z-index:9;} .tab_nav ul::after{ content:""; display:block; clear:both;} .tab_nav ul li { width: 50%; float: left; padding: 6px 0; text-align: center; font-size: 14px; color: #fff; border-radius: 0; background: #333; } .tab_nav ul li.on { background: #d12625; color: #fff; box-sizing: border-box; } .tab_con {} .tab_con .con{ display:none;} .s_section{ margin-top:10px;} .zc_gg{padding:5px 0px;width: 95%;margin: 1px auto 0;z-index:9;background: #fff;border-radius: 50px;} .zc_gg .zhuce_left{width: 30px;text-align:center;height:30px;padding-top:3px;} .zc_gg .zhuce_left span{ border-radius:5px; background:#ed3435; padding:5px 8px; width:100%; color:#fff; font-size:13px;} .zc_gg .zhuce_left img{width: 18px;margin: 4px auto 0;display: block;} .zc_gg .zhuce_right{width: calc(100% - 60px);padding:0 10px;height:30px;position:relative;overflow:hidden;} .zc_gg .zhuce_right .zhu_list_l{ font-size:14px; color:#333;} .zc_gg .zhuce_right .zhu_list_r{ display:block; padding:0px 10px; font-size:14px; color:#999; border-radius:3px;} .zc_gg .zhuce_right li{margin:10px;color: #333;} /*注册公告区域结束*/ /**我的客服区域开始**/ .kefu_con ul{ padding:10px 0;} .kefu_con ul li{ width:33.33%; text-align:center; } .kefu_con ul li img{ width:80%;} .kefu_con ul li .kefy_top{ margin:0 auto; width:90px;} .kefu_con ul li i{ color:#677beb;font-size:25px; float:left; margin-right:5px;} .kefu_con ul li span{ color:#666; font-size:16px; line-height:25px; float:left;} .kefu_con ul li p{ color:#666; font-size:12px; line-height:2em;} /**我的客服区域结束**/ /**********折扣专区开始**********/ .rexiao{margin: 0 auto;width:100%;} .rexiao_top{ overflow:hidden; padding:8px 0; box-shadow:0 0 5px rgba(0,0,0,0.1); background:#fff; } .rexiao_top img{ width:100%;} .rexiao_top h3{ line-height:25px; font-size:14px; float:left; padding-left:10px; border-left:5px solid #677beb;color:#677beb;} .rexiao_top h3 a{ color:#677beb; font-size:14px;} .rexiao_top a{ font-size:14px; color:#999; padding-right:10px;} .rexiao_con .rexiao_l{ float:left; width:50%; border-right:1px solid #e6e6e6; } .rexiao_con .rexiao_l img{ width:100%;} .rexiao_con .rexiao_r{ float:right; width:50%} .rexiao_con .bottom_text{ padding:0 10px; padding-bottom:5px;} .rexiao_con .bottom_text p{ font-size:16px; color:#333;overflow:hidden;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical; } .rexiao_con .bottom_text span{ font-size:12px; color:#677beb;} .rexiao_r .list_pro{ border-bottom:1px solid #e6e6e6; padding:5px 0;} .rexiao_r .list_pro:nth-child(2){ border:none;} .rexiao_r .list_pro .pro_img{ float:left; width:50%;} .rexiao_r .list_pro .pro_img img{ width:100%;} .rexiao_r .list_pro .pro_title{ float:right; width:50%;} .rexiao_r .list_pro .pro_title h3{ font-weight:100; color:#333; font-size:16px;overflow:hidden;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;} .rexiao_r .list_pro .pro_title span{font-size:12px; color:#677beb;} /**********折扣专区结束**********/ /***猜你喜欢区域开始***/ .tuijian .tuijian_title{ padding:0 10px;} .tuijian .tuijian_title p{ border-bottom:1px solid #d5d5d5; height:25px; text-align:center; margin-bottom:25px;} .tuijian .tuijian_title p span{ padding:0 20px; line-height:50px; background:#f5f5f5; color:#3f3f3f; font-size:16px;} .tuijian ul{padding: 0 10px 0;} .tuijian ul li{width:calc(50% - 5px);background-size:100%;padding: 0 0 10px;margin-right:10px;margin-bottom:10px;background: #fff;} .tuijian ul li:nth-child(2n){ margin-right:0;} .tuijian ul li img{width:100%;border-radius: 10px;} .tuijian ul li .tuijian_list_top span{font-size:15px;margin:10px auto 0;color: #333;font-weight:800;text-align:center;display:block;width:100%;overflow:hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} .tuijian ul li .tuijian_list_top i{ float:right; display:block; width:100px; font-size:16px; color:#677beb; text-align:right; font-style:normal;} .tuijian ul li .tuijian_list_top p{width:100%;font-size:14px;line-height: 32px;color: #666;text-align:center;} .tuijian ul li .goumai_con{width:70%;border-radius:50px;padding: 5px 5px;box-sizing:border-box;margin: 0 auto 0;} .tuijian ul li .goumai_con .left{ float:left; } .tuijian ul li .goumai_con .left p{font-size:16px;color:#fff;line-height: 29px; float:left;margin-right: 5px;} .tuijian ul li .goumai_con .left em{font-size:12px;color:#fff;margin-top: 7px; float:left; } .tuijian ul li .goumai_con .right{float:none;padding:5px 8px;text-align: center;} .tuijian ul li .goumai_con .right p{font-size:12px;color: #f82d40;float:none;margin-right:5px;} .tuijian ul li .goumai_con .right i{ display:block; width:10px; height:10px; float:left; margin-top:5px} .tuijian ul li .goumai_con .right i img{ width:100%; float:left;} .tuijian ul li > p{ color:#666; font-size:12px; line-height:1.8em;overflow:hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; height:42px;} .tuijian ul li .tuijian_listtop_con .tuijian_list_top p{overflow:hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;height: 28px;} .tuijian ul li .tuijian_listtop_con .goumai_con{width:80%;padding:0 5px;} .tuijian ul li .tuijian_listtop_con .goumai_con .left{text-align: center; float:none;} .tuijian ul li .tuijian_listtop_con .goumai_con .left p{font-size:14px;color: #e91e63;margin-right: 0;display: inline-block;float:none;} .tuijian ul li .tuijian_listtop_con .goumai_con .left em{font-size:12px;color:#fff;margin-top: 7px;display: inline-block; float:none;} div::after{ content:""; display:block; clear:both;} /***猜你喜欢区域结束***/ /**************底部区域开始*************/ .footer{ position:fixed; height:55px; width:100%; bottom:0; left:0; box-shadow:0 0 4px 1px rgba(0,0,0,0.1); z-index:99} .nav_list{ background:#fff; padding:5px 0;} .nav_list ul li{ float:left; width:25%; text-align:center;} .nav_list ul li .icon{ display:block; width:25px; height:25px; margin:2px auto 0} .nav_list ul li:nth-child(1) .icon{background:url(../images/foot_img01.png) no-repeat top; background-size:100%} .nav_list ul li:nth-child(2) .icon{background:url(../images/foot_img02.png) no-repeat top; background-size:100%} .nav_list ul li:nth-child(3) .icon{background:url(../images/foot_img03.png) no-repeat top; background-size:100%} .nav_list ul li:nth-child(4) .icon{background:url(../images/foot_img04.png) no-repeat top; background-size:100%} .nav_list ul li.on:nth-child(1) .icon{background:url(../images/foot_img01.png) no-repeat bottom; background-size:100%} .nav_list ul li.on:nth-child(2) .icon{background:url(../images/foot_img02.png) no-repeat bottom; background-size:100%} .nav_list ul li.on:nth-child(3) .icon{background:url(../images/foot_img03.png) no-repeat bottom; background-size:100%} .nav_list ul li.on:nth-child(4) .icon{background:url(../images/foot_img04.png) no-repeat bottom; background-size:100%} .nav_list ul li i{ color:#5a5c60; font-size:24px;} .nav_list ul li .img{width: 70px;height: 70px;background: #fe8526;overflow:hidden;border-radius:50%;margin: -30px auto 0;padding:5px;box-sizing:border-box;border: 5px solid #ffd4b2;} .nav_list ul li .img img{width: 85%;height: 85%;border-radius: 50%;margin: -2px 0 0 -6%;} .nav_list ul li.on i{color: #8178ef;} .nav_list ul li .nav_title{ font-size:14px; color:#888;} .nav_list ul li.on .nav_title{color: #fe8526;} /**************底部区域结束*************/ /**************搜索页面开始*************/ .suo_top{height:45px;padding:0 10px;background:#fff;position:fixed;width:100%;top:0;left:0;z-index:99;} .suo_top .suo_form{ position:absolute; top:5px; right:10px; width:85%;} .suo_top .suo_form input[ type="search"]{ width:calc(100% - 40px); background:#fff; border-radius:3px; border:none; height:35px; top:0px; position:absolute; left:0; padding:0 10px; line-height:40px; color:#666; font-size:14px;} .suo_top .suo_form input[ type="submit"]{ width:40px; position:absolute; height:35px; background:none; border:none; color:#fff; font-size:16px; line-height:35px; text-align:center; position:absolute; top:0; right:0;} .zuijin_top { padding:0 10px; margin:5px 0;} .zuijin_top .zuijin_top_l { float:left; color:#555; font-size:16px; line-height:35px; background:url(../images/sousou1.png) no-repeat left center; background-size:25px; padding-left:30px;} .zuijin_top .zuijin_top_r{ float:right; height:35px;} .zuijin_top .zuijin_top_r img{ width:25px; margin-top:5px;} .suo_top .black a{ display:block;} .suo_top .black a::before{border: 2px solid #333;border-right: none;border-bottom: none;content: '';height: 10px;width: 10px;display: block;float: left;border-right-width: 0;border-bottom-width: 0;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);position: absolute;top: 15px;left: 15px;} .zuijin ul{ padding:0 10px;} .zuijin ul li{ float:left; margin-left:5px; margin-bottom:5px;} .zuijin ul li a{ display:block; padding:0 10px; height:25px; border-radius:3px; border:1px solid #d5d5d5; color:#666; font-size:14px; text-align:center; line-height:25px;} .suo_top .sou_btn{ position:absolute; right:10px; width:25px; } .suo_top h3{position:absolute;top:0;left:0;line-height:45px;text-align:center;font-size: 17px;color: #333;width:100%;} .suo_top .sou_btn img{ width:100%; margin-top:10px;} .black{ position:relative; z-index:99} /**************搜索页面结束*************/ /* 分类选择 */ .aui-scroll-contents { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: 0 auto; max-width: 750px;/*min-width: 300px;*/ /*margin-bottom:100px;*/ } .aui-scroll-box { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 45px; padding-bottom: 56px; background:#f7fcff;} .aui-scroll-nav {width: auto;height: 100%;text-align: center;background-color: #f8f8f8;-webkit-overflow-scrolling: touch;position: relative;z-index: 1;overflow-y: auto;box-shadow: 0 0 5px rgba(0,0,0,.1);} .aui-scroll-item { padding: 0 10px; height: 3rem; line-height: 3rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 1; font-size: .8rem; text-align: center; } .aui-scroll-item-text {font-size: 0.8rem;color: #666;overflow-x: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;text-align: center;} .aui-scroll-content { height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0 .5rem .5rem .5rem; position: relative; } .aui-scroll-content-item { padding-top: 10px; display: none; } .aui-scroll-content-title { height: 2rem; line-height: 2rem; font-size: .8rem; font-weight: normal; color: #555; display: block; padding-bottom: .1rem; padding-top: .32rem; margin-bottom: .2rem; position: relative; z-index: 1; } .aui-scroll-nav .aui-crt { background-color: #FFF; } .aui-scroll-nav .aui-crt .aui-scroll-item-text {color: #f82d40;} .aui-class-img img { width: 100%; height: 100%; display: block; border: none; } .m-navbar { position: fixed; height: 44px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background-color: rgba(255, 255, 255, 0.98); } .navbar-item { height: 0.9rem; min-width: 25%; -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; padding: 0 0.2rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 0.3rem; white-space: nowrap; overflow: hidden; color: #5C5C5C; } .navbar-item:first-child { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; margin-right: -25%; } .navbar-center { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 0.9rem; width: 50%; margin-left: 25%; } .navbar-center .navbar-title { text-align: center; width: 100%; white-space: nowrap; overflow: hidden; display: block; text-overflow: ellipsis; font-size: 0.4rem; color: #5C5C5C; } /* aui-banner-content */ .aui-banner-content { overflow-x: hidden; width: 100%; position: relative; } .aui-banner-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); position: relative; z-index: 1; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } .aui-banner-pagination { position: absolute; width: 100%; z-index: 2; left: 0; bottom: .5rem; pointer-events: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .aui-banner-wrapper-item { width: 100%; height: 100%; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .slider-pagination-item { margin: 0 .3rem; width: 8px; height: 8px; display: inline-block; border-radius: 100%; background-color: #fff; } .slider-pagination-item.slider-pagination-item-active { background: #f93753; } .aui-banner-wrapper-item img { width: 100%; background: url(..images/log.png) no-repeat center center; background-size: cover; } .aui-header-item-icon { height: 2.8rem; min-width: 10%; -webkit-box-flex: 0; -webkit-flex: 0 0 13%; -ms-flex: 0 0 13%; flex: 0 0 13%; padding: 0 0.8rem 0 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 0.3rem; white-space: nowrap; overflow: hidden; color: #5C5C5C; } .aui-header-item-icon:last-child { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .aui-header-search-box { background-color: rgba(255, 255, 255, 0.3); height: 27px; line-height: 27px; width: 100%; padding-left: 10px; border-radius: 30px; } .aui-header-search { width: 90%; background: none; border: none; color: #fff; font-size: 14px; line-height: 27px; } .aui-header-search:-moz-placeholder { color: #fff; opacity:0.8; } .aui-header-search::-moz-placeholder { color: #fff; opacity:0.8; } .aui-header-search:-ms-input-placeholder { color: #fff; opacity:0.8; } .aui-header-search::-webkit-input-placeholder { color: #fff; opacity:0.8; } .aui-header-center-clear { width: 100%; margin-left: 13%; } /* 九宫格 css */ .aui-grid-content { width: 100%;display: table; table-layout: fixed; } .aui-grid-row {overflow: hidden;margin:10px auto 10px !important;width: 100%;box-shadow: 0 1px 5px rgb(0 0 0 / 10%);background: #fff !important;} .aui-grid-row-item { display: table-cell; position: relative; text-align: center; vertical-align: middle; padding: 0.7rem 0; width: 25%; float: left; } .aui-grid-row-label { display: block; font-size: 0.7rem; position: relative; margin-top: 0.25rem; } /* 九宫格的 宽度 改变 从20% 改成 25% */ .aui-grid-row-clear .aui-grid-row-item { width: 33.333%; padding: .8rem 0 0 0; } .aui-grid-row-clear .aui-grid-row-item .aui-icon-large { width: 60px; height: 60px; } /* 九宫格 图标 改 图片 */ .aui-grid-row-clear .aui-grid-row-item i img { width: 100%; height: 100%; display: block; border: none; } /* 首页广告 */ .aui-avd-content { background-color: #fff; margin-left: 3%; margin-bottom: 10px; } .aui-avd-content a { display: block; float: left; width: 47%; margin-right: 3%; } .aui-avd-content a img { width: 100%; height: 100%; display: block; border: none; /*border-radius:5px;*/ } /* 支持左右滑动 首页 */ .aui-slide-box { padding-top: 1px; } .aui-slide-box .aui-slide-list { margin: 10px 10px 10px 10px; overflow: hidden; height: 8.333333rem; } .aui-slide-box .aui-slide-item-list { width: auto; white-space: nowrap; overflow: auto; height: 9rem; font-size: 0; -webkit-overflow-scrolling: touch; } /* 高度自适应 */ .aui-slide-box-clear .aui-slide-list { height: 7rem; margin-top: 0; } .aui-slide-box-clear .aui-slide-item-list { height: 8rem; } .aui-slide-box .aui-slide-item-list .aui-slide-item-item { display: inline-block; width: 5rem; margin-right: 12px; vertical-align: top; } li { list-style: none; } .aui-slide-box .aui-slide-item-list .aui-slide-item-item .v-link { display: block; } .aui-slide-box .aui-slide-item-list .aui-slide-item-item .v-img { display: block; width: 5rem; height: 5rem; background: url(..images/log.jpg) no-repeat center center; background-size: 62px; } .aui-slide-box-clear .aui-slide-item-list .aui-slide-item-item .v-img { width: 5rem; height: 6.7rem; background: url(..images/log.jpg) no-repeat center center; background-size: 62px; } .aui-slide-item-f-els { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .aui-slide-box .aui-slide-item-list .aui-slide-item-item .aui-slide-item-title { text-align: center; line-height: 1rem; word-break: break-word; height: 2rem; white-space: normal; margin: 6px 0 4px; font-size: 12px; color: #333; } .aui-slide-box .aui-slide-item-list .aui-slide-item-item .aui-slide-item-info { text-align: center; height: 0.373333rem; line-height: 0.373333rem; margin-top: 6px; font-size: 12px; } .aui-slide-box .aui-slide-item-list .aui-slide-item-item .aui-slide-item-info .aui-slide-item-price { font-size: 14px; color: #e73c3c; } .aui-slide-box .aui-slide-item-list .aui-slide-item-item .aui-slide-item-info .aui-slide-item-mrk { text-decoration: line-through; font-size: 10px; color: #999; } /****商品列表区域开始****/ .header_list{position:fixed;top:0;left:0;height:45px;padding:0 10px;width:100%;z-index:99;background: #fff;box-shadow: 0 0 5px rgba(0,0,0,0.1);} .header_list .go_back{ position:absolute; top:0; left:10px; display:block; width:45px; height:45px; line-height:45px;} .header_list .go_back i{font-size: 18px;color: #333;line-height:45px;} .header_list h3{text-align:center;color: #333;font-size:16px;line-height:45px;} .header_list .sousou{ display:block; height:45px; width:45px; line-height:45px; position:absolute; top:0; right:10px; text-align:right;} .header_list .sousou i{ font-size:24px; color:#fff;} /****商品列表区域结束****/ /****商品详情区域开始***/ .pro_img img{ width:100%;} .pro_con_title{ background:#fff; padding:10px; margin-bottom:10px; border-bottom:1px solid #d5d5d5;} .pro_con_title h3{ font-size:14px; color:#666; line-height:1.7em;overflow:hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .pro_fenlei,.pro_jiage{ margin-top:5px; font-size:14px !important; line-height:1.8em;} .pro_con_con{ width:95%; margin:0 auto 30px; background:#fff; border-radius:20px; overflow:hidden;} .pro_jiage span{ display:block; float:left; color:#f00; font-size:18px; line-height:25px;} .pro_jiage i{ display:block; height:25px; color:#fff; border-radius:3px; background:#677beb; font-size:14px; text-align:center; line-height:25px; float:left; margin-left:10px; padding:0 10px; font-style:normal;} .pro_fenlei span{ color:#666; font-size:14px; text-decoration:line-through;} .pro_fenlei i{ float:right; color:#666; font-size:14px;font-style:normal;} .pro_fenlei i b{ font-weight:400;} .pro_fenlei i b a{color:#677beb;} .pro_xiangqing img{ width:100%;} .pro_con_top img{ width:100%;} .pro_xiangqing{ padding:10px; box-sizing:border-box;} .pro_con_top p{ text-align:center; border-bottom:1px solid #d5d5d5; height:25px; margin-bottom:25px;} .pro_con_top p span{ color:#333; font-size:16px; line-height:50px; background:#f5f5f5; padding:0 20px;} .pro_btn{ position:fixed; height:50px; bottom:0; left:0; width:100%;} .pro_btn div{ text-align:center; color:#fff; line-height:50px; height:50px; text-align:center; width:50%;} .pro_btn_l{ background:#FF9500} .pro_btn_r{ background:#677beb} /****商品详情区域结束******/ /****加入购物车弹窗区域开始***/ .catr{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.4); top:0; left:0; z-index:100; display:none;} .catr .catr_con{ background:#fff; position:absolute; bottom:0; left:0; max-height:50%; width:100%;padding:0 10px; } .catr_top{ position:relative; top:-40px; border-bottom:1px solid #e6e6e6; padding-bottom:10px; } .catr_top .catr_left{ width: 100px; height:100px; border-radius:5px;} .catr_top .catr_left img{ width:100%; border-radius:5px; border:2px solid #d6d6d6; } .close{position:absolute;top:45px;right:10px;z-index:101;width: 30px;height: 30px;text-align:center;line-height:25px;font-size:18px;border-radius:50%;} .catr_top .catr_right{ width:calc(100% - 110px); margin-top:40px;} .catr_top .catr_right span{ color:#677beb; font-size:16px; line-height:2em;} .catr_top .catr_right h3{ color:#666; font-size:12px; line-height:1.5em;} .canshu_container{ position:relative; top:-35px; height:122px; overf low-y:scroll} .canshu{ border-bottom:1px solid #e6e6e6; padding-bottom:10px;} .canshu .canshu_tite{ color:#333; font-size:14px;position:relative;} .canshu ul { margin-top:5px;} .canshu ul li{ display:inline-block; background:#f4f4f4; color:#666; line-height:25px; height:25px; border-radius:3px; padding:0 10px; font-size:14px;} .goumai{ margin-top:-30px;} .canshu ul li.on{ color:#fff; background:#677beb;} .goumai .goumai_l{ color:#333; font-size:14px;} .goumai .goumai_r{ width:120px; border:1px solid #d5d5d5; height:30px; color:#999} .goumai .goumai_r .btn_l{ width:35px; height:30px;line-height:30px; text-align:center; border-right:1px solid #d5d5d5; } .goumai .goumai_r .btn_r{ width:35px; height:30px; line-height:30px;text-align:center; border-left:1px solid #d5d5d5; float:right;} .goumai .goumai_r .btn_con{ width:48px; text-align:center; line-height:30px;} .catr_btn{ text-align:center; background:#677beb; color:#fff; font-size:16px; line-height:45px; height:45px; position:fixed; bottom:0; width:100%; left:0;} /**购物车页面区域开始**/ .gouwuche_kong{ text-align:center; position:fixed; width:100%; left:0; top:35%; display:none} .gouwuche_kong p{ font-size:14px; color:#666; line-height:2em;} .gouwuche_kong a{ display:block; margin:0 auto; background:#677beb; font-size:14px; color:#fff; width:100px; text-align:center; line-height:35px; height:35px; border-radius:5px; margin-top:10px;} .gouwuche_top{ margin-top:10px; background:#fff; width:100%; padding:0 10px; height:50px; border-bottom:1px solid #d5d5d5;} .quanxuan .quanxuan_btn{ position:relative; top:0; left:0; width:20px; height:20px; margin-top:15px;} .quanxuan_btn i{ background:url(../images/icon_radio3.png) no-repeat center; background-size:18px 18px; display:block; width:18px; height:18px;} .quanxuan_btn input:checked~i{ background:url(../images/icon_radio4.png) no-repeat center; background-size:18px 18px;} .quanxuan_btn input{ position:absolute; width:20px; height:20px; opacity:0} .quanxuan span{ line-height:50px; font-size:14px; color:#333; margin-left:5px;} .bianji a{ line-height:50px; color:#677beb; font-size:14px;} .gouwuche_list{ background:#fff; margin-top:10px; border-top:1px solid #d5d5d5; padding:0 10px;} .gouwuche_list ul li{ padding:10px 0; border-bottom:1px solid #e6e6e6;position:relative; } .gouwuche_list ul li .xuanze{ position:absolute; left:0px; top:50px; height:20px; width:20px; } .gouwuche_list ul li .xuanze i{ display:block; background:url(../images/icon_radio3.png) no-repeat center; background-size:18px 18px; display:block; width:20px; height:20px;} .gouwuche_list ul li .xuanze input{ width:20px; height:20px; position:absolute; top:0; left:0; opacity:0;} .gouwuche_list ul li .xuanze input:checked~i{ background:url(../images/icon_radio4.png) no-repeat center; background-size:18px 18px;} .gouwu_list_l{ width:100px; height:100px; margin-left:25px;} .gouwu_list_l img{ width:100px; height:100px; border-radius:5px; border:1px solid #d5d5d5;} .gouwu_list_r{ width:calc(100% - 135px);} .gouwu_list_r h3{ font-size:14px; color:#333; overflow:hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-bottom:5px;} .gouwu_list_r .shuxing{ font-size:14px; color:#677beb; } .gouwu_list_bottom { line-height:30px;} .gouwu_list_bottom .gouwuche_jiage span{ font-size:16px; color:#677beb;} .gouwu_list_bottom .gouwuche_jiage i{ font-size:12px; color:#999; text-decoration:line-through; margin-left:5px; font-style:normal;} .gouwu_list_bottom .goumai_l{ color:#333; font-size:14px;} .gouwu_list_bottom .goumai_r{ width:120px; border:1px solid #d5d5d5; height:25px; color:#999} .gouwu_list_bottom .goumai_r .btn_l{ width:35px; height:25px;line-height:25px; text-align:center; border-right:1px solid #d5d5d5; } .gouwu_list_bottom .goumai_r .btn_r{ width:35px; height:25px; line-height:25px;text-align:center; border-left:1px solid #d5d5d5; float:right;} .gouwu_list_bottom .goumai_r .btn_con{ width:48px; text-align:center; line-height:25px;} .goumai_shanchu { color:#677beb;} .gouwuche_bottom{ position:fixed; bottom:0; width:100%; left:0; background:#fff; border-top:1px solid #d5d5d5; height:55px;} .gouwuche_bottom .gouwu_bottom_l{ width: calc(100% - 120px); line-height:55px; padding:0 10px;} .gouwuche_bottom .gouwu_bottom_l p{ font-size:16px;} .gouwuche_bottom .gouwu_bottom_l p span{ color:#677beb; font-weight:600;} .gouwuche_bottom .gouwu_bottom_r{ width:120px;} .gouwuche_bottom .gouwu_bottom_r a{ text-align:center; line-height:55px; background:#f82d40; color:#fff; display:block;} .shanchu{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:99; top:0; left:0; display:none;} .shanchu_con{ position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%); background:#fff; text-align:center; width:90%; padding:10px; border-radius:5px;} .shanchu_con p{ line-height:70px; border-bottom:1px solid #e6e6e6; color:#666; font-size:14px;} .shanchu_con_btn{ text-align:center} .shanchu_con_btn div{ display:block; width:80px; border-radius:3px; text-align:center; line-height:35px; height:35px; display:inline-block; margin:0 5px; margin-top:10px; font-size:14px; color:#666;} .shanchu_con_btn div.quxiao_btn{ background:#f2f2f2;} .shanchu_con_btn div.shanchu_btn{ background:#677beb; color:#fff;} /**购物车页面区域结束**/ /***个人中心页面开始**/ .geren_top{ position:relative; width: 100%; margin: 0 auto; padding: 15px 20px 60px; box-sizing: border-box; background-size: 100%; background-image: linear-gradient(45deg, #fae7d9,#fadacd,#fbeee6); } .geren_bg img{ width:100%;} .geren_xinxi{ width:100%; overflow:hidden; } .touxiang{width:70px;height:70px;border-radius:50%;font-size:0;border:2px solid #fff;float: left; margin-top:5px;} .geren_xinxi .text{ float:left; width:calc(100% - 70px); padding-left:15px; box-sizing:border-box;} .jindu_con{ width:85%; margin:10px auto;} .jindu_con .jindu_bg{ height:7px; width:100%; border-radius:3.5px; background:url(../images/bar-bg.png) repeat-x center; background-size: auto 7px; position:relative;} .jindu_top{ background:url(../images/bar-bg-active.png) repeat-x center; background-size: auto 7px; height:7px; width:60%;border-radius:3.5px; position:relative; } .jindu_top .top_jiner{ position:absolute; top:8px; right:0; color:#fff; font-size:12px;} .zong_jiner{ position:absolute; top:7px; right:0; color:#fff; font-size:12px;} .jindu_jiner i{ padding:0 5px; line-height:5px; background:#fff; color:#677beb; height:15px; line-height:15px; font-size:12px; border-radius:3px; display:inline-block;} .jindu_jiner{ text-align:center; margin-top:20px;} .jindu_jiner span{ color:#fff; font-size:13px; margin-left:3px;} .touxiang img{ border-radius:50%; width:100% !important; height:100% !important;} .geren_xinxi h3 p{text-align:left;color: #333;font-size:14px;margin-top: 5px;} .geren_xinxi h3 span{ display:block; margin:5px auto; border-radius:15px; height:30px; width:140px; border:1px solid #fff; text-align:center; line-height:30px; font-size:14px; color:#fff;} .money .money_l,.money .money_r{display:inline-block;width: 30%;text-align:center;} .money {text-align:center;margin: 5px auto 10px;border-top: 1px dashed #eee;padding-top: 10px;} .money a{display:block;border-right: 1px solid #454545;box-sizing:border-box;} .money .money_r:last-child a{ border-right:none;} .money p{font-size: 12px;color: #f1ddc2;margin-bottom: 5px;} .money span{font-size:14px;color: #f1ddc2;font-weight: 800;} .money_two{border-top:none;width: 95%;margin: -40px auto 10px;background: #2e2721;padding: 10px 0;position: relative;z-index: 9;box-shadow: 0 0 10px rgba(0,0,0,0.1);border-radius: 5px;} .money_two .money_r{ width:25%; float:left;} .geren_list{width: 98%;margin:0 auto;box-sizing:border-box;margin-bottom:20px;border-radius: 10px;} .geren_list ul li:after{ content:""; display:block; clear:both;} .geren_list ul li {width: 25%;padding: 0 5px;box-sizing:border-box;float: left;text-align: center;margin-bottom: 10px;} .geren_list ul li::after{ content:""; display:block; clear:both;} .geren_list ul li a::after{ content:""; display:block; clear:both;} .geren_list ul li a{display:block;background: #fff;text-align:center;padding: 10px 0;border-radius: 10px;} .geren_list ul li i{display:block;font-size:22px;width: 40px;height: 40px;border-radius: 7px;margin: 0 auto 5px;} .geren_list ul li i img{ width:100%; } .geren_list ul li p{font-size: 13px;color: #787878;} .geren_listtwo{width: 95%;margin: 15px auto 0;box-sizing:border-box;border-radius: 10px;} .geren_listtwo ul li:after{ content:""; display:block; clear:both;} .geren_listtwo ul li {width: 48.5%;padding: 20px 10px;box-sizing:border-box;float: left;margin-bottom: 10px;margin-right: 3%;background: #f4efff;border-radius: 5px;position: relative;overflow: hidden;} .geren_listtwo ul li:nth-child(2){ margin-right: 0; background: #e9f6ff} .geren_listtwo ul li::after{ content:""; display:block; clear:both;} .geren_listtwo ul li a::after{ content:""; display:block; clear:both;} .geren_listtwo ul li a{display:block;padding: 0 0;border-radius: 10px;} .geren_listtwo ul li i{display:block;font-size:22px;width: 100px;height: 100px;border-radius: 50%;position: absolute;top: -4px;right: -27px;background: #ebe2ff;padding: 15px 25px 0 10px;box-sizing: border-box;} .geren_listtwo ul li:nth-child(2) i{background: #d3ebfb;} .geren_listtwo ul li i img{ width:100%; } .geren_listtwo ul li p{font-size: 14px;color: #333;font-weight: 800;} .geren_listtwo ul li span{font-size:12px;color: #999;} .tixian_btn{ text-align:center; padding:0 15px; margin-bottom:10px;} .tixian_btn a{display:inline-block;padding:0 15px;height:25px;line-height:25px;font-size:14px;color: #ffffff;border-radius:12.5px;background: #677beb;margin:0 10px;} .aui-grid-content { width: 100%; display: table; table-layout: fixed; } .aui-grid-row {overflow: hidden;margin: 0;background: #fff !important;border-radius: 0 0 5px 5px;} .aui-grid-row-item { display: table-cell; position: relative; text-align: center; vertical-align: middle; padding: 0.7rem 0; width: 25%; float: left; } .aui-grid-row-label {display: block;font-size: 0.7rem;position: relative;margin-top: 0;} .aui-well { padding: 14px 15px; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: 14px; } .aui-well-bd { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; font-weight: 700; color: #333; } .aui-well-ft { text-align: right; color: #999; padding-right: 12px; position: relative; } .aui-me-content-order { position: relative; background: #fff; width: 95%; margin: 0 auto; border-radius: 5px 5px 0 0; } .aui-me-content-order:after { content: " "; position: absolute; left: 0; bottom: 0; right: 0; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; } .aui-settle-choice a:after { content: " "; position: absolute; left: 0; bottom: 0; right: 0; width: 100%; height: 1px; border-bottom: 1px solid #ebebeb; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; } .aui-footer-product-concern-cart:before { position: absolute; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); top: 0; left: 0; width: 100%; height: 1px; border-top: 1px solid #d2d2d2; } .aui-product-coupon { position: relative; } .aui-product-coupon a:before { content: " "; position: absolute; left: 0; bottom: 0; right: 0; width: 100%; height: 1px; border-bottom: 1px solid #ebebeb; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; } .aui-product-set a:before { content: " "; position: absolute; left: 0; bottom: 0; right: 0; width: 100%; height: 1px; border-bottom: 1px solid #ebebeb; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; } .tab-nav:after { content: ''; position: absolute; z-index: 3; bottom: 0; left: 0; width: 100%; height: 1px; border-bottom: 1px solid #B2B2B2; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .tab-nav-item.tab-active:before { content: ''; width: 70%; height: 2px; position: absolute; left: 50%; bottom: 0; margin-left: -35%; z-index: 4; background-color: currentColor; } .aui-icon-large { width: 40px; height: 40px; display: inline-block; background-position: center; background-repeat: no-repeat; background-size: 40px; } .aui-Time-list .aui-myOrder-fix .tab-nav .tab-nav-item.tab-active:before { content: ''; width: 70%; height: 0; position: absolute; left: 50%; bottom: 0; margin-left: -35%; z-index: 4; background-color: #FF5E5A; } .aui-icon-wallet { background-image:url(../images/new_012.png); background-repeat:no-repeat; background-size: 100% ; } .aui-icon-goods { background-image: url(../images/new_013.png); background-repeat:no-repeat; background-size: 100% ; } .aui-icon-receipt { background-image: url(../images/new_014.png); background-repeat:no-repeat; background-size: 100% ; } .aui-icon-refund { background-image: url(../images/new_015.png); background-repeat:no-repeat; background-size: 100% ; } .aui-icon-large-sm { width: 40px; height: 40px; background-size: 35px; } .aui-grid-row-label{color: #333;font-size: 12px;} .aui-fl-arrow:after { content: ""; display: inline-block; vertical-align: middle; width: 12px; height: 12px; background-image: url('data:image/png;base64,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'); background-repeat: no-repeat; background-size: 100%; position: absolute; top: 44%; right: 10px; margin-top: -3px; } .aui-dri { height: 8px; width: 100%; background: #f5f5f5; position: relative; } .geren_list ul li i.shouhuo{ color:#f85c10} .geren_list ul li i.fenhong{ color:#9ebd5d} .geren_list ul li i.jiangjin{ color:#2fa1d3} .geren_list ul li i.ewm{ color:#f2c821} .geren_list ul li i.tuandui{ color:#de8afa} .geren_list ul li i.gonggao{ color:#86dcd9} /***个人中心页面结束**/ /**提交订单页面开始**/ .aui-icon { width: 20px; height: 20px; display: inline-block; background-position: center; background-repeat: no-repeat; background-size: 20px; } .aui-out { padding: 20px 100px; } .aui-out a.aui_out_jilu { border: none; text-decoration: underline; height: 24px; } .aui-out a { width: 100%; height: 38px; line-height: 38px; text-align: center; font-size: 14px; color: #677beb; border: 1px solid #677beb; border-radius: 3px; display: block; background:#fff } .aui-product-set a { background: #fff; } .aui-address-well { padding-bottom: 44px; background:#fff; } .aui-address-well .shdz_con{ width:100%; padding:0 10px; box-sizing:border-box;} .aui-address-well .shdz_con textarea{ width:100%; height:100px; padding:10px; box-sizing:border-box; line-height:1.8em; border:1px solid #ededed; font-size:14px; color:#333; border-radius:5px;} .aui-address-well .shdz_con h3{ font-size:14px; color:#333; line-height:45px;} .aui-address-well .shdz_con .con{ width:100%;} .aui-address-well .shdz_con .con .one{ width:100%; padding:5px 0; border-bottom:1px solid #ededed; } .aui-address-well .shdz_con .con .one span{ display:block; float:left; width:80px; color:#666; line-height:40px;} .aui-address-well .shdz_con .con .one input{ width:calc(100% - 80px); border:none; font-size:14px; color:#333; line-height:40px; padding:0 10px; box-sizing:border-box; border-radius:5px; float:left;} .aui-address-well .shdz_con .con .one .select{width:calc(100% - 80px);float:left; font-size:14px; color:#333;} .aui-address-well .shdz_con .con .one .select select{ border:none; width:33.33%; text-align:center; height:40px; float: left; background:#fff;} .aui-address-box-list { position: relative; z-index: 320; } .aui-address-box-default { padding: 12px 10px; position: relative; display: block; padding-bottom: 16px; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAAAKBAMAAACOO0tGAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAnUExURf///4u16Oxtbezz/J3B7NDh9vvd3fSmprjS8vGNje57e/jDw/7w8IQ3dnAAAABSSURBVCjPY2CAAG4l7GADVJ4hUBArEIXJJ2HXrw6TZ8auX7ABKs+zCLsBE2AGmGDXLwKT58SuX+sATIEjdgOcYfJF2A1Qg8lz4PCBwWgQUiMIAWCaOFG2MdFRAAAAAElFTkSuQmCC) -7px bottom repeat-x; background-size: 44px 2px; } .aui-address-box-default ul { position: relative; padding-right: 30px; } .aui-address-box-default ul li { font-size: 12px; color: #81838e; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; position: relative; padding-left: 15px; } .aui-address-box-default ul li strong { font-size: 14px; padding-bottom: 10px; display: inline-block; color: #555; padding-right: 10px; } .aui-address-box-default .aui-tag { display: inline-block; position: relative; overflow: hidden; padding: 0 5px; vertical-align: middle; margin: 0 5px 0 0; max-width: 8em; height: 15px; line-height: 15px; font-size: 0.7rem; color: #4b9bfb; } .aui-address-box-default .aui-tag-default { color: #677beb; border-color: #677beb; } .aui-address-box-default .aui-tag::after { content: ""; position: absolute; z-index: 1; pointer-events: none; background-color: #4b9bfb; border: 1px solid #ddd; top: 0; bottom: 0; left: 0; right: 0; background: none; border-color: #4b9bfb; border-radius: 2px; right: -100%; bottom: -100%; -webkit-transform: scale(.5); -webkit-transform-origin: 0 0; border-radius: 4px; } .aui-address-box-default .aui-tag-default::after { border-color: #677beb; } .aui-address-box-default:after { content: ""; display: inline-block; vertical-align: middle; width: 15px; height: 15px; background-image: url('data:image/png;base64,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'); background-repeat: no-repeat; background-size: 100%; position: absolute; top: 50%; right: 10px; margin-top: -5px; } .aui-address-cell { padding: 14px 15px; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: inherit; } .aui-address-cell-bd { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; font-size: 16px; } .aui-address-cell-ft { text-align: right; color: #222222; padding-right: 15px; } .aui-address-cell-ft .aui-address-text { width: 100%; height: 22px; line-height: 22px; color: #222; font-size: 12px; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .aui-fl-arrow-clear .aui-address-cell-bd { font-size: 12px; } .aui-address-box-default ul li .aui-icon-address { width: 15px; height: 20px; background-size: 15px; position: absolute; left: -1px; top: -3px; background-image: url('data:image/png;base64,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'); } .aui-list-product-float-item { overflow: hidden; position: relative; padding: 0 7px; background-color: #FFF; } .aui-list-product-fl-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 7px 0 8px 0; position: relative; } .aui-list-product-fl-img { height: auto; width: 6rem; overflow: hidden; } .aui-list-product-fl-img img { width: 100%; height: 100%; display: block; border: none; } .aui-list-product-fl-text { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-left: 10px; background-color: #FFF; } .aui-list-product-fl-text h3 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; text-overflow: ellipsis; line-height: 1rem; max-height: 3rem; color: #505050; font-size: .8rem; text-align: justify; font-weight: normal; margin-bottom: 10px; } .aui-list-product-fl-mes { overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; color: #999; } .aui-list-product-fl-mes .dh_numcon{ width:100%;} .aui-list-product-fl-mes .dh_numcon span{ float:left; line-height:28px;} .aui-list-product-fl-mes .dh_numcon .con{ border:1px solid #999; float:right;} .aui-list-product-fl-mes .dh_numcon .one{ float:left; width: 28px; height: 28px; font-size:14px; box-sizing: border-box; text-align: center; line-height: 28px; font-size: 14px; border-right: 1px solid #999; overflow:hidden;} .aui-list-product-fl-mes .dh_numcon .one input{ line-height:28px; height:28px; font-size:14px; border:none; width:100%; text-align:center;} .aui-list-product-fl-mes .dh_numcon .one:last-child{ border-right: 0;} .aui-list-product-fl-mes .dh_numcon .one:nth-child(2){ width: 40px;} .aui-list-product-fl-bag span { float: left; display: inline-block; width: 18px; height: 18px; margin-right: 5px; margin-top: 5px; } .aui-list-product-fl-bag span img { width: 100%; height: 100%; display: block; border: none; } .jine_radio ul{ width:100%;} .jine_radio ul li{ float:left; position:relative; width:50%;} .jine_radio ul li i{ width:20px; height:20px ; display:block; background:url(../images/icon_radio3.png) no-repeat center; background-size:20px; float:left; margin-right:10px;} .sc_con input,.jine_radio ul li input{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:0;} .jine_radio ul li input:checked~i{ background:url(../images/icon_radio4.png) no-repeat center; background-size:20px;} .jine_radio ul li span{ color:#666; font-size:14px; line-height:20px;} .aui-payment-bar .all-checkbox { float: left; line-height: 49px; padding-left: 40px; } input.check { background: url(../images/icon_radio3.png) no-repeat center left; background-size: 20px 20px; position: absolute; top: 50%; left: 0px; margin-top: -18px; width: 20px; height: 35px; border: none; -webkit-appearance: none; -moz-appearance: none;} input.check-pay { right: 10px; left: inherit; } input.check:checked { background: url(../images/icon_radio4.png) no-repeat center left; background-size: 20px 20px; } input.check:checked { background: url(../images/icon_radio4.png) no-repeat center left; background-size: 20px 20px; } .aui-Address-box { padding: 10px 10px 10px 10px; background:#fff; border-bottom:1px solid #d5d5d5; } .aui-Address-box .input_danxuan { width: 100%; height: 3rem; padding: 10px 0; box-sizing: border-box; } .aui-Address-box .input_danxuan p { float: left; width: auto; margin-left: 30px; } .aui-Address-box p { width: 100%; position: relative; } .aui-Address-box p .huoqu_yanz { position: absolute; top: 0; right: 0; height: 3em; line-height: 3em; border: none; border-left: 1px solid #eee; padding: 0 20px; width: 10em; } .aui-Address-box p span{ margin-left:10px;} .aui-Address-box p span a{ color:#999} .aui-Address-box p label { width: 100%; font-size: 13px; color: #666; line-height: 24px; padding: 0 10px; box-sizing: border-box; } .aui-Address-box p label em { text-decoration: none; font-style: normal; color: #ff3e1d; font-size: 12px; margin-left: 5px; } .aui-Address-box-item { background: #fff; padding: 3px 10px; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .aui-Address-box-item-bd { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; } .aui-Address-box-item-ft { text-align: right; color: #999999; } .aui-Address-box-input { width: 100%; border: 0; outline: 0; -webkit-appearance: none; background-color: #fff; font-size: inherit; color: inherit; height: 3em; line-height: 3; padding-left: 10px; border-bottom: 1px solid #eee; margin-bottom: 8px; } .aui-Address-box-text { display: block; border: 0; resize: none; width: 100%; color: inherit; font-size: 1em; line-height: inherit; outline: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 10px; } /* 城市列表 样式 */ .mask-black { background-color: rgba(0, 0, 0, 0.4); position: fixed; z-index: 500; bottom: 0; right: 0; left: 0; top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .m-cityselect { position: fixed; bottom: 0; left: 0; width: 100%; height: 75%; z-index: 1000; background-color: #fff; -webkit-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } .m-cityselect.brouce-in { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .cityselect-header { position: absolute; top: 0; left: 0; width: 100%; z-index: 1; } .cityselect-header:after { content: ''; position: absolute; z-index: 0; bottom: 0; left: 0; width: 100%; height: 1px; border-bottom: 1px solid #D9D9D9; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .cityselect-title { width: 100%; font-size: .3rem; text-align: center; height: 45px; line-height: 45px; position: relative; } .cityselect-title:before { content: ''; position: absolute; z-index: 0; bottom: 0; left: 0; width: 100%; height: 1px; border-bottom: 1px solid #B2B2B2; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .cityselect-nav { width: 100%; padding-left: .2rem; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .cityselect-nav > a { font-size: .26rem; color: #222; display: block; height: 40px; line-height: 46px; padding: 0 .2rem; position: relative; margin-right: .15rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 40%; } .cityselect-nav > a.crt { color: #F23030; } .cityselect-nav > a.crt:after { content: ''; width: 100%; height: 2px; background-color: #F23030; position: absolute; bottom: 0; left: 0; z-index: 2; } .cityselect-content { height: 100%; padding-top: 85px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .cityselect-content.cityselect-move-animate { -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } .cityselect-content.cityselect-next { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .cityselect-content.cityselect-prev { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .cityselect-content > .cityselect-item { display: block; height: inherit; width: 50%; /* for old android */ -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; overflow-y: auto; -webkit-overflow-scrolling: touch; background-color: #FFF; } .cityselect-item-box { width: 100%; height: inherit; display: block; padding: 0 .4rem; } .cityselect-item-box > a { color: #333; font-size: .26rem; height: 40px; line-height: 40px; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; position: relative; z-index: 1; } .cityselect-item-box > a:before { content: ''; position: absolute; z-index: 0; bottom: 0; left: 0; width: 100%; height: 1px; border-bottom: 1px solid #D9D9D9; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .cityselect-item-box > a:active { background: none;/* for firefox */ } .cityselect-item-box > a span { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: block; } .cityselect-item-box > a.crt { color: #F23030; } .mask-black { background-color: rgba(0, 0, 0, 0.4); position: fixed; z-index: 500; bottom: 0; right: 0; left: 0; top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .header_list a.bianji{ position:absolute; line-height:45px; right:10px; top:0px; color:#fff; font-size:16px;} .aui-prompt { background: #fff3dc; width: 100%; height: 35px; line-height: 35px; color: #f23030; font-size: 12px; padding: 0 20px; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /**提交订单页面结束**/ /*我的订单页面开始*/ .tab-nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; z-index: 0; } .tab-nav-item { width: 1%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; position: relative; text-align: center; color: #585858; font-size: 0.8rem; height: 2.5rem; line-height: 2.5rem; display: block; background-color: #FFF; } .tab-nav-item a { display: inherit; color: inherit; } .tab-panel { position: relative; overflow: hidden; background-color: #FFF; } .tab-panel .tab-panel-item { width: 100%; position: absolute; top: 0; padding: 0.24rem; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .tab-panel .tab-panel-item table { width: 100%; } .tab-panel .tab-panel-item table tr { line-height: 35px; border-bottom: 1px dashed #ddd } .tab-panel .tab-panel-item table tr td { font-size: 12px; color: #666;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; } .tab-panel .tab-panel-item table tr:nth-child(1) { border-bottom: 1px solid #ddd } .tab-panel .tab-panel-item table tr:nth-child(1) td { font-size: 14px; color: #585858; } .tab-panel .tab-panel-item table tr:last-child { border-bottom: none; } .tab-panel .tab-panel-item.tab-active { position: relative; -webkit-transition: -webkit-transform .15s; transition: -webkit-transform .15s; transition: transform .15s; transition: transform .15s, -webkit-transform .15s; -webkit-transform: translateX(0); transform: translateX(0); } .tab-nav-item.tab-active { color: #677beb; } .aui-list-title-btn { text-align: right; padding: 10px 10px 10px 0; } .aui-list-title-btn a { display: inline-block; width: 70px; height: 26px; line-height: 26px; font-size: 12px; color: #666; text-align: center; border: 1px solid #999; cursor: pointer; border-radius: 3px; margin-left: 5px; } .aui-list-title-btn .red-color { border: 1px solid #677beb; color: #677beb; } .aui-list-title-info .aui-list-product-fl-img { width: 4.5rem; } .aui-list-title-info .aui-well { padding: 5px 11px; position: relative; font-size: 12px; font-weight: normal; } .aui-list-title-info .aui-well-bd { font-size: 12px; font-weight: normal; color: #222; } .aui-list-title-info .aui-well-ft { padding-right: 0; color: #222; font-size: 12px; } /****登录页面开始***/ .login{padding: 0px 0 20px;background-size: 100% 100%;/* min-height: 100vh; */padding-top: 0;background: #fff;width: 93%;margin: 0 auto;border-radius: 10px;} .login ul{padding: 20px 30px 0;position:relative;z-index:9;border-radius: 20px;border-top-right-radius:20px;width:100%;width: 100%;margin: -30px auto 0;background: #fff;} .login ul h3{font-size: 18px;color: #333;text-align: left;margin-bottom:15px;font-weight: 800;margin: 0 auto 20px;display: inline-block;border-bottom: 5px solid #f75b33;line-height: 18px;} .login .logo_img{width:100%;} .login .logo_img img{width:100%;width:80px;margin: 0 auto 0;height: 80px;border-radius: 50%;display:block;border: 2px solid #fff;position: relative;top: -40px;} .reg{background: #ef641f url(../images/zc_topimg.jpg) no-repeat top;background-size: 100%;width: 100%;height: 100vh;padding-top: 200px;} .reg ul {padding: 15px; background: rgba(255, 255, 255, 0.5);width: 95%;margin: 0 auto;border-radius: 10px;} .login p{ text-align:center;} .login p a{color: #666 !important;font-size:14px;line-height:2em;margin:0 10px;background: none;} .login p a.reg{color: #666;} .login ul li{border-radius:5px;padding: 3px 0;margin-bottom:10px;background: none;} .login ul li::after{ content:""; display:block; clear:both;} .login ul li i{display:block;float:left;width: 19px;height: 19px;margin-top: 7px;} .login ul li i img{ width:100%;} .login ul li input{width: calc(100% - 28px);border:none;float:right;height:40px;color: #333;font-size:14px;padding: 0 10px 0 0;background: none;line-height: 40px;} .login ul li input::-webkit-input-placeholder { /* WebKit browsers */ color: #999; } .login ul li input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; } .login ul li input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; } .login ul li input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; } .reg ul li input::-webkit-input-placeholder { /* WebKit browsers */ color: #999 ; } .reg ul li input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; } .reg ul li input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; } .reg ul li input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; } .reg ul li input[type="submit"],.login ul li input[type="submit"]{ color:#fff; background:#677beb; border:none; } .reg ul li{ margin-bottom:10px; position:relative;} .reg ul li i{position: absolute;margin-top:7px;left: 15px;display: block;width:20px;height: 20px;} .reg ul li i img{ width:100%;} .reg ul li input{width:100%;height:40px;border:none;color: #333;font-size:14px;border-radius: 50px;padding: 0 20px 0 40px;background: #fff;} .reg ul li .yzm{position:absolute;top:0;right:0;line-height:40px;font-size:14px;text-align:center;height:40px;width:90px;color:#fff;border-radius:3px;background: linear-gradient(to right, #fa6127, #ed933f);} .reg ul li .aui-Address-box-text{border:1px solid #d5d5d5; color:#666; font-size:14px; border-radius:3px; padding:10px;} .reg p.login{ text-align:center; color:#666; font-size:14px; padding-bottom:10px;} .reg p.login a{ color:#677beb;} /****充值页面开始***/ .header_list .mingxi{ position:absolute; right:10px; top:0; color:#fff; font-size:14px; line-height:45px;} .chongzhi_con{padding:0;width: 95% !important;margin:10px auto;border-radius: 5px;background: #fff;padding: 1px 10px 10px;} .chongzhi_con .bottom_c{ background:#fff; width: 95%; margin: -20px auto 0; position: relative; z-index: 3; border-radius: 5px; padding: 10px;} .chongzhi_con .bd_con{ height:50px;color: #333;font-size:14px;border-radius:40px;padding:8px 15px;border:none; width:100%;background: #f8f8f8;} .chongzhi_con .bd_con .l_c{ float:left; background: #fff; padding: 5px 10px; border-radius: 50px;} .chongzhi_con .bd_con .l_c img{ float:left; display: block; width: 25px; height: 25px; border-radius: 50%;margin-right: 5px} .chongzhi_con .bd_con .l_c a{font-size:12px; line-height: 25px; color: #666;} .chongzhi_con .bd_con em{ float:right; line-height: 40px; font-size: 12px; color: #999;} .chongzhi_con .top_c{width:100%;text-align: center;padding: 20px 0 40px;background:url(../images/top_bgim.jpg) no-repeat bottom;} .chongzhi_con .top_c span{color:#fff;font-weight: 800;font-size: 20px;} .chongzhi_con .top_c p{color:rgba(255,255,255,0.8);font-size: 13px;margin-bottom: 5px} .chongzhi_jiner { margin-bottom:2px;} .chongzhi_jiner .jine_l{width:100%;color: #333;font-size:14px; margin-bottom: 5px} .chongzhi_jiner .jine_r{ width:100%; margin-bottom: 10px;} .chongzhi_jiner .jine_r input{height:40px;color: #333;font-size:14px;line-height:40px;border-radius:5px;padding:0 10px;border:none;width:100%;background: #f8f8f8;border: 1px solid #f1f1f1;} input::-webkit-input-placeholder { /* WebKit browsers */ color: #999; } input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; } input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; } input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; } .chongzhi_beizhu{ margin-bottom:10px;} .chongzhi_beizhu .beizhu_l{ color:#666; font-size:14px; line-height:40px;} .chongzhi_beizhu .beizhu_r textarea{ font-size:14px; height:80px; outline:none; padding:10px; color:#666; width:100%; border:1px solid #e6e6e6; border-radius:3px;} .chongzhi_btn input{height:40px;border-radius:20px;background: linear-gradient(to right, #fa6127, #ed933f);color:#fff;font-size:16px;width: 90%;border:none;display: block;margin: 30px auto 10px;} .tixianmingxi{ } .tixianmingxi dd{ border-bottom:1px solid #e6e6e6; color:#666; text-align:center; line-height:45px;} .tixianmingxi dt{color: #fff;text-align:center;line-height:45px;background:rgba(0,0,0,0.2);} .tixianmingxi dd span,.tixianmingxi dt span{ display:block; width:33.33%; text-align:center; font-size:14px;} /*我的资料*/ .ziliao {margin-bottom: 0;font-size:14px;padding:0 10px;box-sizing:border-box;background: #fff;border-radius: 10px;width: 100%;margin: 0 auto;} .ziliao li{border-bottom: 1px solid #f8f8f8;padding:5px 10px;height:auto;} .ziliao li i{ font-size:24px; line-height:40px; margin-right:5px; margin-top:4px;} .ziliao li i.icon_touxiang{ color:#54ddc3;} .ziliao li i.icon_nicheng{ color:#f39180;} .ziliao li i.icon_bianhao{ color:#5582f2;} .ziliao li i.icon_tel{ color:#ffc024;} .ziliao li i.icon_shiming{ color:#5bbfeb;} .ziliao li:last-child { border-bottom: none; } .ziliao li .toupic { width: 10%; float: right; } .ziliao li .textinfor { width: 50%; float: right; text-align: right; color: #666; overflow: hidden; height:40px; } .ziliao li .toupic img { display: block; border-radius: 50%; margin-top:5px;} .item_content {position:relative;color: #333;background: url("../images/more.png") no-repeat right center;background-size: auto 15px;padding-right: 30px;} .huiyuanbianhao{ background:none} .item_order_link img { width: 22px; float: left; margin-top: 8px; margin-right: 5px } .ziliao li .textinfor {width: 50%;float: right;text-align: right;font-size:12px;color: #999;overflow: hidden;height:40px;} .item { padding-left: 5px; height: 45px; line-height: 45px; } .item a { display: block; } /*修改头像*/ .tit { font-size: 14px; font-weight: normal; font-family: "microsoft yahei"; height: 40px; line-height: 40px; background: #f8f8f8; padding: 0 10px; } .toubox { width: 100%; height: 100%; overflow: auto; clear: both; padding: 10px; box-sizing: border-box; background: #fff; border-bottom: 1px solid #e7e7e7; } .toubox img{ width: 70px;height: 70px;border-radius: 50%;} .uptou { padding: 10px; } .z_photo { margin: 0 auto; overflow: auto; clear: both; } .z_photo img { width: 1rem; height: 1rem; } .z_addImg { float: left; margin-right: 0.18rem; margin-bottom: 5px; } .z_file { width:70px; height: 70px; background: url(../images/z_add.png) no-repeat; background-size: 100% 100%; float: left; margin-right: 0.2rem; } .z_file input::-webkit-file-upload-button {width: 1rem;height: 1rem;border: none;position: absolute;outline: 0;opacity: 0;} .z_file input#file { display: block; width: 70px; height:70px; opacity:0; border: 0; vertical-align: middle; } .z_mask { width: 100%; height: 100%; background: rgba(0, 0, 0, .5); position: fixed; top: 0; left: 0; z-index: 999; display: none; } .z_alert { width: 3rem; height: 2rem; border-radius: .2rem;background: #fff; font-size: .24rem;text-align: center; position: absolute; left: 50%; top: 50%; margin-left: -1.5rem; margin-top: -2rem; } .z_alert p:nth-child(1) { line-height: 1.5rem; } .z_alert p:nth-child(2) span { display: inline-block; width: 49%; height: .5rem;line-height: .5rem;float: left; border-top: 1px solid #ddd; text-align: center; } .z_cancel { border-right: 1px solid #ddd; } .tjbtn { width: 100%; } .confirm {display: block;background: linear-gradient(to right, #fa6127,#ed933f);color: #fff;border-radius: 20px;width: 90%;margin: 0 auto;height: 40px;line-height: 40px;text-align: center;font-size: 14px;margin-top: 10px;border: none;font-family: 'Microsoft YaHei';} /*修改昵称*/ .product_sq {padding: 8px 15px;width: 100%;overflow: hidden;background: #fff;box-sizing: border-box;} .nicheng { margin-top: 10px; } .product_sq span {float: left;width: 27%;color: #333;text-align: left;font-size: 14px;height: 35px;line-height: 35px;} .add-input {float: left;background: transparent;border: 0;font-size:14px;height: 35px;width: 70%;line-height: 35px;font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;color: #333;} /*修改性别*/ .xinxi_input { overflow: hidden; width: 40%; float: left; height: 30px; line-height: 30px; background: #fff; } .xinxi_input .xinxi_L { float: left; line-height: 30px; font-size: 14px; color: #999; margin-left: 5px; } .xinxi_input .xinxi_R { float: left; color: #aeaeae; font-size: 14px; height: 30px; line-height: 30px; } .xinxi_input .xinxi_R span { margin-right: 10px; } .xinxi_R { position: relative; } .xinxi_R input { position: absolute; left: 0; width: 30px; height: 30px; opacity: 0; } .xinxi_R i { background: url(../images/cy/choose1.png) no-repeat center; width: 30px; height: 30px; background-size: 25px 25px; display: block; } .xinxi_R input:checked + i { background-image: url(../images/cy/choose2.png); } .xingbie {width: 30%;} /*修改电话*/ .tel_con {width: 100%;padding: 0px 0 20px;box-sizing:border-box;background: #fff;margin: 10px auto 0!important;border-radius: 0;} .tel_con ul{ width:100%; border-radius:0px; background:none; padding:0 10px; box-sizing:border-box;} .tel_con ul li{background:none;border-bottom: 1px solid #f8f8f8;overflow:hidden;padding:8px 10px;position:relative;top:0;left:0;} .tel_con ul li:last-child{ border-bottom:none;} .tel_con ul li input{ width:100%; height:38px; border:none; font-size:14px; color:#333; line-height:14px; background:none;} .tel_con ul li .yzm{position:absolute;top: 13px;right:10px;background:linear-gradient(to right, #fa6127,#ed933f);padding:0 10px;height:30px;text-align:center;color:#fff;font-size:14px;line-height:30px;border-radius: 3px;} .tel_btn { text-align:center; margin-top:15px;} .tel_btn input{width:90%;border:none;height:40px;color:#fff;background:linear-gradient(to right, #fa6127,#ed933f) !important;line-height:40px;border-radius:20px;font-size:14px;} /*修改性别*/ .xingbie_con{ padding:0 10px; background:#fff; margin-top:10px;} /*分红池*/ .fenhong_con ul{ background:#fff; margin-top:10px; border-top:1px solid #e6e6e6;} .fenhong_con ul li{ border-bottom:1px solid #e6e6e6; padding:10px; position:relative; top:0; left:0;} .fenhong_con ul li h3{ font-size:16px; color:#333; line-height:2em;} .fenhong_con ul li p{ line-height:2em; color:#677beb; font-size:14px;} .fenhong_con ul li .fenhong_r{ position:absolute; top:50%; margin-top:-22px; right:10px;} .fenhong_con ul li .fenhong_r img{ width:70px;} /*奖金明细*/ .jiangjin_con{border-top: 1px solid #f8f8f8;background: #fff;} .jiangjin_con .top_con{background: url(../images/top_bgim.jpg) no-repeat bottom;background-size: 100% 100%;padding: 20px 20px;position: relative} .jiangjin_con .top_con .tou_con{ width:100%; margin-bottom: 10px} .jiangjin_con .top_con .tou_con img{ float:left; display: block; width: 35px; height: 35px; border-radius: 50%;} .jiangjin_con .top_con .tou_con .text{ float:left; width: calc(100% - 35px); padding-left: 10px;} .jiangjin_con .top_con .tou_con .text span{ font-size:14px; font-weight: 800; color: #fff;} .jiangjin_con .top_con .tou_con .text p{ font-size:12px; color: rgba(255,255,255,0.5)} .jiangjin_con .top_con .con{ width: 100%;} .jiangjin_con .top_con .con .one{float:left;background: #fff;width: 48%;border-radius: 5px;padding: 15px 15px 40px;position: relative;margin-right: 4%} .jiangjin_con .top_con .con .one:nth-child(2){ margin-right:0} .jiangjin_con .top_con span{font-size: 18px;font-weight: 800;color: #333} .jiangjin_con .top_con p{font-size:14px; color: #999; margin-top: 5px} .jiangjin_con .top_con em{bottom: 10px;right: 10px;background: #ff9800;color: #fff;padding: 0px 8px;border-radius: 5px;} .jiangjin_con .top_con a{bottom: 10px;right: 10px;background: #4caf50;color: #fff;padding: 0px 8px;border-radius: 5px;} .jiangjin_con .ddul{ width:100%; text-align: center; padding: 10px 0;} .jiangjin_con .ddul .ddli{ display:inline-block; font-size: 14px; color: #999; margin: 0 10px;} .jiangjin_con .ddul .ddli.on{ color:#f82d40; font-weight: 800} .jiangjin_con dt span{color: #333;border-bottom: 1px solid #f8f8f8;font-size:14px;background: #fff;} .jiangjin_con .ddcon{ width:100%; background: #fff; padding: 10px;} .jiangjin_con .ddcon .ddone{ display:none;} .jiangjin_con .ddcon .ddone:nth-child(1){ display:block;} .jiangjin_con .ddcon .ddone .one{ width: 100%; padding: 10px; border-radius: 5px; position: relative; background: #f8f8f8;; margin-bottom: 10px;} .jiangjin_con .ddcon .ddone .one span{ font-size:14px; color: #333;} .jiangjin_con .ddcon .ddone .one p{ font-size:12px; color: #999; margin-top: 10px;} .jiangjin_con .ddcon .ddone .one em{position:absolute; top: 22px;right: 10px; font-size: 18px; font-weight: 800; color: #4caf50} .jiangjin_con .ddcon .ddone .one em.on{ color:#f82d40} .jiangjin_con dl span{display:block;width:calc(25% - 1px);float:left;text-align:center;font-size:14px;color: #333;line-height:40px;border-right: 1px solid #f8f8f8;} .jiangjin_con dd{border-bottom: 1px solid #f8f8f8;} /**推广二维码**/ .tuiguang_top{ background:#fff; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; margin:10px auto; padding:0 10px;} .tuiguan_bottom p,.tuiguang_top p{ font-size:14px; color:#666; line-height:35px; border-bottom:1px solid #e6e6e6;} .lianjie_con{margin:5px 0;display: block;} .lianjie_con input[type="text"]{ border:1px solid #e6e6e6; border-radius:3px; height:35px; padding:0 10px; line-height:35px; width:calc(100% - 85px); font-size:14px; color:#666;} .lianjie_con button{ width:80px; background:#677beb; color:#fff; font-size:14px; text-align:center; line-height:35px; border-radius:3px; border:none;} .tuiguan_bottom{background:#fff; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; margin:10px auto; padding:0 10px;} .tuiguang_erweima{ text-align:center;} .tuiguang_erweima img{ width:150px; padding:10px;} /*系统公告*/ /*加载中*/ .dropload-load { height: 35px; box-sizing: border-box; text-align: center; } .dropload-load .loading { display: inline-block; height:15px; width: 15px; border-radius: 100%; margin:10px; border: 2px solid #666; box-sizing: border-box; border-bottom-color: transparent; vertical-align: middle; -webkit-animation: rotate 0.75s linear infinite; animation: rotate 0.75s linear infinite; } .dropload-refresh.active, .dropload-load.active { display: block; } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes rotate { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } } .chakan_more{width:120px;background-size:100%;display:block;text-align: center;font-size:14px;color:#333;margin:15px auto;} .tongzhi_con{width:100%;padding: 10px 10px 0;box-sizing:border-box;} .tongzhi_con ul::after{ content:""; display:block; clear:both;} .tongzhi_con ul li{padding: 10px;margin-bottom: 10px;background: #fff;} .tongzhi_con ul li::after{ content:""; display:block; clear:both;} .tongzhi_con ul::after{ content:""; display:block; clear:both;} .tongzhi_con ul li a::after{ content:""; display:block; clear:both;} .tongzhi_con ul li .left{ float:left; width:92px; height:64px;} .tongzhi_con ul li .left img{ width:100%; height:100%;} .tongzhi_con ul li .right{ float:right; width:calc(100% - 105px); position:relative;} .tongzhi_con ul li .right h3{font-size:14px;color: #333;margin-bottom:5px;overflow:hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} .tongzhi_con ul li .right .du_zhuangtai{ position:absolute; top:0; right:0; border-radius:50%; background:#f00; width:8px; height:8px;} .tongzhi_con ul li .right p{font-size:14px;color: #666;overflow:hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-bottom:5px;} .tongzhi_con ul li .right .right_con::after{ content:""; display:block; clear:both;} .tongzhi_con ul li .right .right_con .right_con_lt{ float:left; text-align:right;} .tongzhi_con ul li .right .right_con .right_con_lt::after{ content:""; display:block; clear:both;} .tongzhi_con ul li .right .right_con .right_con_lt i{ float:left; font-size:12px; color:#999; display:block; margin-top:2px; margin-right:5px;} .tongzhi_con ul li .right .right_con .right_con_lt p{float:left;font-size:12px;color: #999;} /*公告详情*/ .newsxiang_con{width:100%; padding:15px 15px 0; box-sizing:border-box; margin-bottom:40px;} .newsxiang_con .sp_con{ margin-bottom: 10px; width:100%; border-radius: 5px; overflow: hidden; padding: 10px; box-sizing: border-box; background: rgba(0,0,0,0.35)} .newsxiang_con .wz_con{ margin-bottom: 10px; width:100%; border-radius: 5px; overflow: hidden; padding: 10px; box-sizing: border-box; background: rgba(0,0,0,0.35)} .newsxiang_con .wz_con p{ font-size:14px; color: #fff; line-height: 1.8em;} .newsxiang_con .sp_con video{ width:100%;} .newsxiang_con .xiangqing_con{ width:100%; box-sizing:border-box;} .newsxiang_con .xiangqing_con .title{width:80%;text-align:center;margin:0 auto 15px;padding-bottom:15px;border-bottom: 1px dashed #eee;} .newsxiang_con .xiangqing_con .title h3{font-size:16px;color: #333;font-weight:800;} .newsxiang_con .xiangqing_con .title .left{font-size:14px;width:100%;text-align: center;margin:10px auto;color: #666;} .newsxiang_con .xiangqing_con .con p{font-size:14px;color: #666;line-height:1.8em;text-indent:2em;} .newsxiang_con .xiangqing_con .con img{ max-width:100%;} /*上一篇下一篇*/ .di_folat { background: #fff; overflow: hidden; position: fixed; width: 100%; bottom: 0; left: 0; border-top: 0.69px solid #e6e6e6; } .prve_a { display: block; position: relative; top: 0; left: 0; } .prve { width: 50%; float: left; border-right: 0.69px solid #e6e6e6; box-sizing: border-box; text-align: center; height: } .next { width: 50%; float: right; text-align: center; } .prve_a img { width: 20px; height: 20px; border-radius: 50%; position: absolute; top: 50%; margin-top: -10px; left: 30%; } .prve_text {color: #fa6127;font-size: 14px;line-height: 40px;margin-left: 13.88px;line-height: 40px;} /*消息开始*/ .xiaoxi ul li{ background:#fff; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; padding:5px 10px; position:relative; margin-top:5px;} .xiaoxi ul li .xiaoxi_img{ float:left; width:40px; height:40px;} .xiaoxi ul li .xiaoxi_img img{ width:100%;} .xiaoxi ul li .xiapxi_r{ width:calc(100% - 55px); float:right;} .xiaoxi ul li .xiapxi_r h3{ color:#cda041; font-size:16px; line-height:2em; } .xiaoxi ul li .xiapxi_r h3 span{ float:right; color:#666; font-size:14px;} .xiaoxi ul li .xiapxi_r p{ font-size:14px; color:#666; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .xiaoxi ul li .weidu{ width:10px; height:10px; background:#f00; border-radius:50%; position:absolute; top:5px; left:5px;} .tuandui_container{background:#fff;border-top: 1px solid #eaeaea;margin-top:10px;} .tuandui_container dt span{color:#666;background: #fff;border-bottom: 1px solid #e6e6e6;font-size:12px;} .tuandui_container span{ display:block; width:25%; float:left; text-align:center; font-size:12px; color:#666; line-height:40px; border-right:1px solid #e6e6e6;padding:0 5px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;} .tuandui_container dd{ border-bottom:1px solid #e6e6e6;} .tuiguang_con{ width:100%; height:100vh} .tuiguang_con > img{ width:100%; height:100vh} .tuiguang_con .con{width: 50%;position:absolute;bottom: 25%;left:50%;margin-left: -25%;} .tuiguang_con .con img{width:100%;box-sizing: border-box;border-radius: 10px;} /*积分商场*/ .shuju_con{ width:100%; padding-bottom:50px;} .shuju_con .top_con{ width:100%; padding:15px 0 } .shuju_con .top_con .one{ width:50%; float:left; text-align:center; border-right:1px solid rgba(255,255,255,0.1)} .shuju_con .top_con .one span{ font-size:20px; color:#fff;} .shuju_con .top_con .one p{ font-size:14px; color:#fff; margin-bottom:3px;} .shuju_con .bottom_con{ width:100%;} .shuju_con .bottom_con .one{ width:50%; float:left; padding:0 30px; box-sizing: border-box;} .shuju_con .bottom_con .one a{ display:block; background:#fff; text-align:center; line-height:30px; border-radius:35px; color:#677beb; font-size:14px; box-shadow:0 0 10px rgba(255,255,255,0.1);} .jf_title{width:100%;background:#fff;box-shadow: 0 0 5px rgba(0,0,0,0.1);padding:10px 0;position: relative;} .jf_title i{ float:left; width:3px; height:15px; margin-right:5px;background: -webkit-linear-gradient(left, #a35eec , #677beb); background: -o-linear-gradient(right,#a35eec , #677beb); background: -moz-linear-gradient(right, #a35eec , #677beb); background: linear-gradient(to right,#a35eec , #677beb); } .jf_title p{ font-size:14px; color:#333; line-height:15px; float:left;} .jf_nav{width:100%;background:#fff;margin-bottom:10px;box-shadow: 0 0 5px rgba(0,0,0,0.1);} .jf_nav ul{-webkit-overflow-scrolling: touch; position: relative; top: 0; left: 0; overflow-x: auto; overflow-y: hidden; height: 40px; font-size: 14px; color: #333; white-space: nowrap;} .jf_nav ul li{ padding:0 15px; text-align:center;-webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 0; flex-shrink: 0; display: inline-block; height: 40px; line-height: 40px; text-align: center;} .jf_nav ul li a{ font-size:14px; color:#333;} .jf_nav ul li.on{ border-bottom:2px solid #a35eec} .jf_nav ul li.on a{ color:#a35eec} .newindex_top{width:100%;padding: 10px 10px 10px;box-sizing: border-box;background: url(../images/tree_topimg.png) no-repeat top;background-size: 100% 100%} .newindex_top .left{float:left;padding: 5px 0;box-sizing: border-box;border-radius: 50px;} .newindex_top .left img{ float:left; width: 36px; height: 36px; display: block; border-radius: 50%;} .newindex_top .left .txt{ float: left; padding-left: 5px;} .newindex_top .left .txt span{font-size:12px;display: block;margin-top: 2px;color: #7e571e;} .newindex_top .left .txt p{font-size:12px;color: #fff;background: #f82d40;text-align: center;padding: 0 4px;} .newindex_top .right{float:right;zoom: 0.9;} .newindex_top .right .one{float: left;background: rgba(255,255,255,0.8);border-radius: 30px;margin-left: 10px;padding-right: 10px;background: url(../images/num_bgimg.png) no-repeat top;background-size: 100% 100%;padding: 8px 0 5px;} .newindex_top .right .one img{ display: block; width: 20px; height: 20px; margin: -2px -5px -5px 0px; float: left;} .newindex_top .right .one p{margin-left: 5px;font-size: 12px;min-width: 30px;text-align: center;color: #fff;float: left;background: #bb7b4a;} .newindex_top .right .one img.jia{width:15px;height: 15px;margin: 0px 0 0 0;} .newindex_nav{float: right;padding-right: 15px;position: relative;z-index: 9;} .newindex_nav .one{width: 55px;margin-top: 10px; position: relative; margin-bottom: 0} .newindex_nav .one em{position:absolute;top: -7px;left: 15px;background: #f82d40;color: #fff;font-size: 12px;padding: 2px 8px;border-radius: 50px;zoom: 0.7;} .newindex_nav .one img{ width:100%;} .newindex_nav .one p{font-size:14px;font-weight: 800;color: #604216;text-align: center;margin: -20px auto 0;text-shadow: 0 1px #fff, 1px 0 #fff, -1px 0 #fff, 0 -1px #fff;} .newindex_bottom{position: absolute;bottom: 0;left: 0;width: 100%;} .newindex_bottom .j_gifcon{position: absolute;top: 3px;left: 10px;} .newindex_bottom .j_gifcon img{width: 23px;} .newindex_bottom .j_gifcon img:nth-child(2){width: 45px;} .newindex_bottom .shu_btn{position:absolute;top: -88px;left: 43%; display: none} .newindex_bottom .shu_btn img{width: 90px;} .newindex_bottom .nav{position:absolute;bottom:80px;left: 15px;z-index: 9;display: none;} .newindex_bottom .nav .one{width: 50px;margin-top: 15px; position: relative;} .newindex_bottom .nav .one img{ width:100%; position: relative; z-index: 2} .newindex_bottom .nav .one .bg{position:absolute;top: -40px;left: 50%;margin-left: -55px;z-index:1;width: 110px;height: 110px;-webkit-animation: spinr 1.5s linear infinite;animation: spinr 1.5s linear infinite;} @-webkit-keyframes spinr { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinr { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } .newindex_bottom .nav_two{position:absolute;bottom: 110px;right: 15px;z-index: 9;} .newindex_bottom .nav_two .one{width: 45px;} .newindex_bottom .nav_two .one img{ width:100%;} .newindex_bottom .nav_three{position:absolute;bottom: 40px;left: 0;z-index: 9;width: 100%;padding: 0 45px;} .newindex_bottom .nav_three .one{width: 25%;float: left;padding: 0 10px; position: relative;} .newindex_bottom .nav_three .one img{width:100%;position: relative;z-index: 2;} .newindex_bottom .nav_three .one .bg{position:absolute;top: -40px;left: 50%;margin-left: -55px;z-index:1;width: 110px;height: 110px;-webkit-animation: spinr 1.5s linear infinite;animation: spinr 1.5s linear infinite;} @-webkit-keyframes spinr { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinr { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } .newindex_bottom .con{width: 100%;padding: 0 193px 0 50px;height: 316px;} .newindex_bottom .con .left{width: 40%;float: left;padding-top: 20px;} .newindex_bottom .con .left .tips{background:#fff;border-radius: 5px;position: absolute;padding: 15px 10px;text-align: center;margin-left: 20px;top: 45px;} .newindex_bottom .con .left .tips p{font-size: 12px;color: #974f31;} .newindex_bottom .con .left .tips i{position:absolute;bottom: -10px;width: 15px;left: 50%;margin-left: -10px;display: block;background: url(../images/jiao_img.png) no-repeat top;background-size: 100% 100%;height: 20px;} .newindex_bottom .con .left .dan{width: 80px;margin: 80px auto 0;position: relative;margin-left: 40px;display: none;} .newindex_bottom .con .left .dan em{position:absolute;font-size: 14px;color: #f00;left: 0;width: 100%;display: block;top: 20px;text-align: center;} .newindex_bottom .con .left .dan img{ width:100%;} .newindex_bottom .con .right{width: 55%;float: right;} .newindex_bottom .con .right .img{width: 130px;margin-left: 20px;position:relative;height: 80px;position: relative;} .newindex_bottom .con .right .img > i{ background:url(../images/qipao_img.png) no-repeat top; background-size:100%; display:block; font-style:normal; font-size:14px; color:#d9593b; text-align:center; line-height:35px;animation: hearte 1.3s ease-in-out 0s infinite alternate;} .newindex_bottom .con .right .img > img{width:55px;display: block;margin: 0 auto;position: relative;z-index: 3;} .newindex_bottom .con .right .img .xznnum_con{position:absolute;top: -78px;left: 50%;width: 145px;background: #fff;padding: 10px;border-radius: 5px;margin-left: -72.5px;animation: hearte 2s ease-in-out 0s infinite alternate;} .newindex_bottom .con .right .img .xznnum_con .xz_lt{float: left;position: relative;margin: -23px 0 0 -25px;} .newindex_bottom .con .right .img .xznnum_con .xz_lt img{ width:50px; height: 50px; background: rgba(0,0,0,0.3); border-radius: 50%;} .newindex_bottom .con .right .img .xznnum_con .xz_lt i{ position:absolute; bottom: 0;right: 0; font-style: normal; border-radius: 50%; background: #f00; width: 20px; height: 20px; text-align: center; line-height: 20px; text-align: center; font-size: 12px; color: #fff;} .newindex_bottom .con .right .img .xznnum_con .xz_rt{width: calc(100% - 40px);float: right;} .newindex_bottom .con .right .img .xznnum_con .xz_rt p{background:#f8f8f8;color: #787878;font-size: 12px;width: 100%;padding: 2px 0;text-align: center;margin-bottom: 5px;} .newindex_bottom .con .right .img .xznnum_con .xz_rt span{width:80px;text-align: center;display: block;background: #f82d40;color: #fff;padding: 5px 0;border-radius: 5px;font-size: 12px;} .newindex_bottom .con .right .img .jw_btn{width: 130px;margin: -5px auto 0;position: relative;z-index: 1;position: absolute;bottom: 0;left: 0;} .newindex_bottom .con .wy_btn{width: 100%;margin: 10px auto 0;text-align: center; display: flex;} .newindex_bottom .con .wy_btn a{ flex: 1} .newindex_bottom .con .wy_btn img{width:90%; margin: 0 auto;} .newindex_bottom .con .right .jd_con{width:100%;margin-top: 10px;display: none;} .newindex_bottom .con .right .jd_con p{width:100%;text-align: center;font-size: 14px;text-shadow: 0 0 0.2em #597413, 0 0 0.2em #597413;color: #fff;} .newindex_bottom .con .right .jd_con .jdcon{ background: rgba(0,0,0,0.15); padding: 3px; box-sizing: border-box;border-radius: 25px;} .newindex_bottom .con .right .jd_con .jdcon .processcontainer{ width:100%; background:#fff; height:12px; border-radius: 25px; } .newindex_bottom .con .right .jd_con .jdcon #processbar{ background:#fcc827; float:left; height:100%; border-radius: 25px; text-align:center; line-height:150%; } .newindex_bottom .gj_con .right {width: 60%;margin-left: 23%;float: none;} .sign_con{width:100%;padding: 50px 15px 0;box-sizing: border-box;} .sign_con .top_con{ width:100%;} .sign_con .top_con h3{ width: 100%; text-align: center;font-size:20px; color: #fff; font-weight: 800;} .sign_con .top_con h3 em{font-weight: 800; color:#ffeb3b} .sign_con .top_con .con{padding: 10px 15px;box-sizing: border-box;border-radius: 10px;margin: 10px auto;background: rgb(0 0 0 / 28%);} .sign_con .top_con .con span{font-size: 15px;color: #ffffff;font-weight: 800;display: block;margin-bottom: 5px;} .sign_con .top_con .con p{font-size: 13px;color: #ffffff;line-height: 2em;} .sign_con .bottom_con{width:100%;box-sizing: border-box;} .sign_con .bottom_con .con{width:100%;background:url(../images/sign_img.png) no-repeat top;background-size:100% 100%;padding: 0 14px 0 18px;box-sizing: border-box;height: 239px;margin: 30px auto 0;} .sign_con .bottom_con h3{ background: #5b87aa; text-align: center; font-size: 14px; line-height: 30px; color: #ffffff; } .sign_con .bottom_con .con .one{width: 14.2%;float: left;text-align: center;margin: -15px auto 25px;} .sign_con .bottom_con .con .one img{ display:block; width: 30px; margin: 0 auto;} .sign_con .bottom_con .con .one p{font-size: 12px;color: #194d15;} .sign_con .qd_btn{ width:100%; text-align: center;} .sign_con .qd_btn a{display: inline-block;width: 110px;margin: 0 15px;} .sign_con .qd_btn a img{width:100%;} .tankuang_bg{width:100%;height:100vh;position:fixed;top:0;left:0;background: rgba(0,0,0,0.2);z-index:98;display:none;} .tankuang_con{position:fixed;width: 70%;min-height: 201px;top: 30%;left:50%;margin-left: -35%;background: url(../images/tishi_bg.png) no-repeat center;border-radius:5px;display:block;background-size:100% 100%;z-index:99999;padding-top: 60px;box-sizing:border-box; display: none;} .tankuang_con .title i{ display: block; width:0.59rem; height:0.56rem; position:absolute; top:-0.6rem; right:0.2rem;} .tankuang_con .title i img{ width:100%; height:100%;} .tankuang_con .top{width:100%;padding: 25px 15px;box-sizing:border-box;text-align: center;} .tankuang_con .top input{ width:100%; border-radius:5px; font-size:14px; margin-bottom:10px; border:1px solid #ccc; padding:0 10px; box-sizing:border-box; line-height:40px; height:40px;} .tankuang_con .top input:last-child{ margin-bottom:0;} .tankuang_con .top span{ border-left:2px solid #1a181b; margin-bottom:5px; display:block; width:100%; font-weight:bold; font-size:14px; color:#1a181b; padding:0 10px; box-sizing:border-box;} .tankuang_con .top p{ font-size:14px; color:#333; line-height:1.8em;} .tankuang_con .top p em{ color:#f00;} .tankuang_con .top h3{ text-align:center; font-size:14px; font-weight:bold; color:#333; margin-bottom:5px;} .tankuang_con .top a{ font-size:12px; color:#007eff;} .tankuang_con .bottom{ width:100%; text-align:center;font-size:15px; color:#ff5400; font-weight:bold; line-height:40px;} .tankuang_con .bottom a{text-align:center; display: inline-block; width:120px;} .tankuang_con .bottom a img{ display:block; width: 100%;} .tankuang_con .lj_con {text-align:center;padding: 15px 0;} .tankuang_con .lj_con .one{width: 62px;position: relative;border-radius: 8px;/* overflow: hidden; */display: inline-block;margin-right: 56px;} .tankuang_con .lj_con .one:last-child{margin-right: 0;} .tankuang_con .lj_con .one img{ margin-top:-20px; width: 100%;} .tankuang_con .lj_con .one p{ font-size: 14px; color: #333;} .tankuang_con .lj_con .one .danxuan {} .tankuang_con .lj_con .one .danxuan input{ position:relative; z-index: 999;} .tankuang_con .lj_con .one .danxuan input.radio1 { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; display: block;} .tankuang_con .lj_con .one .danxuan i {left: 55px;width: 20px;height: 20px;background: url(../images/check_to.png) no-repeat center;background-size: 100% 100%;display: block;float: left;margin-top: 0px;position: relative;z-index: 9;top: 5px;} .tankuang_con .lj_con .one .danxuan b { font-size: 14px; color: #666; float: left; font-weight: 800; line-height: 30px; } .tankuang_con .lj_con .one .danxuan input.radio1:checked ~i { background: url(../images/check_on.png) no-repeat center; background-size: 100% 100%; } .gonggao_tancon{width:90%;position:fixed;top:20%;left:50%;margin-left:-45%;z-index: 999;} .gonggao_tancon > img{ position:absolute; top:0; left:0; width:100%;} .gonggao_tancon .title{ margin-top:0.33rem;width:100%; height:0.6rem; line-height:0.6rem; text-align:center; } .gonggao_tancon .title p{font-size:0.45rem; color:#fff; } .gonggao_tancon .title i{display:block;width: 45px;height: 45px;float:right;position:relative;z-index:999;margin-top: -1px;margin-right: 2px;} .gonggao_tancon .title i img{ width:100%; height:100%; float:left;} .gonggao_tancon .con{position:relative;z-index:999;padding: 0 30px;box-sizing:border-box;font-size:14px;height: 154px;overflow-y:scroll;color:#666;margin-top: 50px;} .gonggao_tancon button {display:block;width: 110px;height: 35px;background:url(../images/anniu.png) no-repeat center;background-size:100% 100%;position: relative;border:none;background-color:none;margin: 10px auto 0;z-index:999;} .newindex_bottom .zs_tdcon{width: 100%;background: url(../images/tu_dimg.png) no-repeat;background-size: 100%;height: 338px;position: relative;} .newindex_bottom .zs_tdcon .one{ position: absolute; width: 25%; } .newindex_bottom .zs_tdcon .one img.d_img{ width:100%;} .newindex_bottom .zs_tdcon .one .shu_con{ position:absolute; top: 0; left: 0; width: 100%;} .newindex_bottom .zs_tdcon .one .shu_con img.shu{width: 53px;margin: -20px auto 0;display: block; } /*margin-top会发生卡顿*/ @keyframes hearte{ from{margin-top:-10px;} to{margin-top:0;} } /*用transform就流畅了*/ @keyframes hearte{ from{transform:translate(0,0)} to{transform:translate(0,-10px)} } .newindex_bottom .zs_tdcon .one .shu_con img.sh{width: 30px;position: absolute;top: -52px;left: 50%;margin-left: -15px;animation: hearte 1.3s ease-in-out 0s infinite alternate;} .newindex_bottom .zs_tdcon .one .shu_con i{width: 30px;position: absolute;top: -52px;left: 50%;margin-left: -15px;animation: hearte 1.3s ease-in-out 0s infinite alternate;background: #b6f341 url(../images/num_qpao.png) no-repeat top;background-size:100%;line-height: 30px;height: 30px;text-align: center;font-style: normal;color: #714228;border-radius: 50%;font-size: 14px;} .newindex_bottom .zs_tdcon .one img.kj{width: 60px;position: absolute;top: -27px;right: 50%;margin-right: -30px;} .newindex_bottom .zs_tdcon .one:nth-child(1){ top: 27px; left: 106px; } .newindex_bottom .zs_tdcon .one:nth-child(2){ top: 52px; left: 185px; } .newindex_bottom .zs_tdcon .one:nth-child(3){ top: 79px; right: 17px; } .newindex_bottom .zs_tdcon .one:nth-child(4){ top: 65px; left: 64px; } .newindex_bottom .zs_tdcon .one:nth-child(5){ top: 91px; left: 147px; } .newindex_bottom .zs_tdcon .one:nth-child(6){ top: 119px; left: 229px; } .newindex_bottom .zs_tdcon .one:nth-child(7){ top: 102px; left: 25px; } .newindex_bottom .zs_tdcon .one:nth-child(8){ top: 133px; left: 109px; } .newindex_bottom .zs_tdcon .one:nth-child(9){ top: 164px; right: 87px; } .jc_shopcon{width:100%;padding: 35px 10px 0;box-sizing: border-box;} .jc_shopcon{width:100%;padding: 35px 10px 0;box-sizing: border-box;} .jc_shopcon .top_con{width:100%;position: relative;z-index: 3;border-radius:5px;} .jc_shopcon .top_con img{ width:100%;} .jc_shopcon .top_con p{font-size: 19px;color:#faca5d;position: absolute;top: -13px;right: 0;width: 100%;text-align: center;font-weight: 800;z-index: 3;letter-spacing: 5px;padding-left: 10px;} .jc_shopcon .top_con .title{ position:absolute; width: 150px; top: -20px; left:50%; margin-left: -75px;} .jc_shopcon .center_con{width: 92%;margin: -80px auto 0;position: relative;background: #fde5ac;border-radius: 5px;z-index: 2;padding: 5px;} .jc_shopcon .center_con .con{ background: #f5ab35; box-shadow: 0 0 10px rgba(211,84,0,0.2) inset; border: 5px solid #facc60; padding: 5px; box-sizing: border-box;} .jc_shopcon .cen_con{background:#ffeee0;box-sizing: border-box;margin: 2px auto 0;border-radius: 5px;} .jc_shopcon .cen_con .cen_cccon{ background: #e9d6be; padding:10px; box-sizing: border-box;border-radius: 5px;} .jc_shopcon .cen_con .cen_cccon .one{width:100%;background:#ffeee0; border-radius: 5px; margin-bottom: 10px;padding: 8px 0 8px;} .jc_shopcon .cen_con .cen_cccon .one:nth-child(2n){ margin-right: 0;} .jc_shopcon .cen_con .cen_cccon .one > img{ width: 60px; display: block; float: left;} .jc_shopcon .cen_con .cen_cccon .one p{font-size: 14px; width: 100%;} .jc_shopcon .cen_con .cen_cccon .one .num{width:calc(100% - 60px);float: left; position: relative; color: #976514;padding: 10px 5px 0;font-size: 12px;} .jc_shopcon .cen_con .cen_cccon .one .num img{display:block;width: 20px;height: 20px;margin-top: 2px; float: left;} .jc_shopcon .cen_con .cen_cccon .one .num .right{line-height: 25px;} .jc_shopcon .cen_con .cen_cccon .one a.gm_btn{background: #b77b20; position: absolute; top: 28px; right: 10px; padding: 2px 10px; border-radius: 30px; color: #fff;font-size: 14px;display: block;text-align: center;margin: 0 auto;} .goumai_tanbg{width:100%;height:100vh;position:fixed;top:0;left:0;background: rgba(0,0,0,0.2);z-index:999; display: none;} .goumai_tancon{position:fixed;width:80%;min-height: 201px;top: 20%;left:50%;margin-left: -40%;border-radius:5px;display:none; background: #35f5c9; box-shadow: 0 0 10px rgba(211,84,0,0.2) inset; border: 5px solid #35f5c9; padding: 10px;z-index:9999;box-sizing:border-box;} .goumai_tancon .close{ top: -10px; right:-10px;} .goumai_tancon .top_con{ width:100%; background: #ffeee0; padding: 10px; border-radius: 5px; box-sizing: border-box;} .goumai_tancon .top_con > img{ float:left; width: 70px; height: 70px; padding: 10px; box-sizing: border-box; background: #e9d6be; border-radius: 5px;} .goumai_tancon .top_con .txt{ float: left; width: calc(100% - 70px); padding-top: 5px; padding-left: 10px; box-sizing: border-box;} .goumai_tancon .top_con .txt span{ font-size:14px; color: #976514;} .goumai_tancon .top_con .txt p{ font-size:14px; color: #976514; line-height: 28px; margin-top: 13px;} .goumai_tancon .top_con .txt p img{ display: block; float: left; width: 28px;} .goumai_tancon .gg_con{ widrh:100%; padding:10px; border-bottom: 1px dashed #999} .goumai_tancon .gg_con span{float: left;color: #333;line-height: 28px;font-size: 14px;} .goumai_tancon .gg_con .right{ float:right; background:#fff; border: 1px solid #999;} .goumai_tancon .gg_con .right .one{ float:left; width: 28px; height: 28px; font-size:14px; box-sizing: border-box; text-align: center; line-height: 28px; font-size: 14px; border-right: 1px solid #999} .goumai_tancon .gg_con .right .one:last-child{ border-right: 0;} .goumai_tancon .gg_con .right .one:nth-child(2){ width: 40px;} .goumai_tancon .zf_con{width:100%;padding: 10px;} .goumai_tancon .zf_con span{color: #333;line-height: 28px;font-size: 14px;} .goumai_tancon .zf_con .one{float:left;width: 100%;position:relative;margin-bottom: 10px;} .goumai_tancon .zf_con .one img{width:95px;margin-top:3px;float: left;} .goumai_tancon .zf_con .one .danxuan {float: left;} .goumai_tancon .zf_con .one .danxuan input.radio1 { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; display: block;} .goumai_tancon .zf_con .one .danxuan i { left:0; width: 20px; height: 20px; background: url(../images/check_to.png) no-repeat center; background-size: 100% 100%; margin-right: 10px; display: block; float: left; margin-top: 8px; } .goumai_tancon .zf_con .one .danxuan b { font-size: 14px; color: #666; float: left; font-weight: 800; line-height: 30px; } .goumai_tancon .zf_con .one .danxuan input.radio1:checked ~i { background: url(../images/check_on.png) no-repeat center; background-size: 100% 100%; } .goumai_tancon .gm_wbtn{ width:120px; margin: 0 auto;} .goumai_tancon .gm_wbtn img{ width:100%;} .ck_listcon{ width:95%; margin: 0 auto; background: #f5ab35; box-shadow: 0 0 10px rgb(211 84 0 / 20%) inset; border: 5px solid #facc60; border-radius: 5px; padding: 10px; box-sizing: border-box;} .ck_listcon .top_con{width:100%;position: relative;z-index: 3;border-radius:5px;top: -45px;} .ck_listcon .top_con img{ width:100%;} .ck_listcon .top_con p{font-size: 19px;color:#faca5d;position: absolute;top: -13px;right: 0;width: 100%;text-align: center;font-weight: 800;z-index: 3;letter-spacing: 5px;padding-left: 10px;} .ck_listcon .top_con .title{ position:absolute; width: 150px; top: -20px; left:50%; margin-left: -75px;} .ck_listcon .con{ background: #ffeee0; padding: 10px; box-sizing: border-box;border-radius: 5px; } .ck_listcon .one{width:100%;background:url(../images/pt_bgimg.png) no-repeat center;background-size: 100%;height: 160px;margin-bottom: -50px;padding-left: 15px;position: relative} .ck_listcon .one > img{ width:80px; height: 80px; float: left;} .ck_listcon .one .txt{float: left;width:calc(100% - 80px);padding-left: 10px;padding-top: 25px;} .ck_listcon .one .txt span{display: block;font-size: 14px;float: left;} .ck_listcon .one .txt em{display: block;float: right;margin-right: 44px;font-size: 14px;} .ck_listcon .one .fh_btn{position:absolute;bottom: 78px;right: 25px;width: 80px;height: auto;float: none;} .ck_listcon .one .fh_btn img{ width: 100%;} .list_nav{ text-align: center; width: 90%; margin: 0 auto 10px; background: #fff; padding: 5px; box-sizing: border-box; border-radius: 50px;} .list_nav ul::after{ content: ""; display: block; clear: both;} .list_nav ul li{ width: 25%; padding: 5px 0; float: left; text-align: center; font-size: 14px; color: #888;} .list_nav ul li.on{ background: #f4a934; border-radius: 50px; color: #fff;} .list_c { width: 100%;min-height: 400px;} .list_c .ls_con{display: none; } .list_c .ls_con:nth-child(1){ display: block;} .list_c .ls_con .ls_one{ background: #fff; margin-bottom: 10px; padding: 10px; box-sizing: border-box; border-radius: 10px;} .list_c .ls_con .tp_c{ border-bottom: 1px dashed #F4F4F4; padding: 0 0 10px;} .list_c .ls_con .tp_c p{ float: left; font-size: 14px; color: #333;} .list_c .ls_con .tp_c em{ float: right; font-size: 14px; color: #888;} .list_c .ls_con .tp_c em.red{ color:#ff9b00;} .list_c .ls_con .ct_c{ width: 100%; padding: 10px 0 0;} .list_c .ls_con .ct_c img{ float:left; width:60px; height: 60px; margin-top: 5px;} .list_c .ls_con .ct_c .text{ float: left;width: calc(100% - 60px); box-sizing: border-box;} .list_c .ls_con .ct_c .text p{font-size: 12px;color: #333;line-height: 1.8em;} .list_c .ls_con .ct_c .text p span{float: left;width: 50%;} @media screen and (max-width: 320px) { .newindex_bottom .zs_tdcon{ height: 290px;} .newindex_bottom .zs_tdcon .one:nth-child(1) { top: 26px; left: 94px;} .newindex_bottom .zs_tdcon .one:nth-child(2) { top: 48px; left: 160px;} .newindex_bottom .zs_tdcon .one:nth-child(3) { top: 70px; right: 13px;} .newindex_bottom .zs_tdcon .one:nth-child(9) { top: 136px; right: 76px;} .newindex_bottom .zs_tdcon .one:nth-child(8) { top: 116px; left: 93px;} .newindex_bottom .zs_tdcon .one:nth-child(7) { top: 91px; left: 25px;} .newindex_bottom .zs_tdcon .one:nth-child(6) { top: 104px; left: 201px;} .newindex_bottom .zs_tdcon .one:nth-child(5) { top: 80px; left: 131px;} .newindex_bottom .zs_tdcon .one:nth-child(4) { top: 60px; left: 62px;} .newindex_top .right{ margin-top: 0; float:right;} .newindex_top .right .one{ margin-bottom:5px; float: left;} .newindex_nav .one { margin-top:5px;} } .sousuo_con{ background:#fff; padding:10px; box-sizing: border-box; box-shadow:0 0 5px rgba(0,0,0,0.1); display:none;} .sousuo_con input{ border:1px solid #ededed; background:#fff; font-size:14px; color:#333; width:100%; padding:0 10px; box-sizing:border-box; line-height:35px; border-radius:5px; background:url(../images/sousou1.png) no-repeat 98%; background-size:15px;} .sousuo_con.on{ display:block;} .index_top{width:100%;position: fixed;top:0;left: 0;background: #fff;padding: 15px;z-index: 99;} .index_top .con em{font-size: 12px;color: #999999;margin-bottom: 5px;display: block;} .index_top .con h3{ font-size:18px; color: #333;font-weight: 800} .index_top .con h3 span{ color: #00bb84} .index_top .con img{position: absolute;top: 15px;right: 15px;display: block;width: 40px;height: 40px;border-radius: 50%;overflow: hidden;} .index_top .sscon{width: 87%;float:left;background: #f8f8f8;padding: 5px 10px;border-radius: 5px;margin-top: 15px;} .index_top .sscon img{ float:left; display: block; width: 23px; height: 23px;} .index_top .sscon input{ float:left; display:block; width: calc(100% - 25px); padding-left: 10px; background: none; border: none; font-size:14px; color: #333;} .index_top .qd_con{width: 10%;float:right;text-align: center;margin: 5px 0 0;} .index_top .qd_con img{width: 30px;height: 30px;margin: 0 auto;display: block;} .index_top .qd_con p{font-size:12px;color: #999;margin-top: 2px;display: none;} .splist_con{ width:95%; margin: 10px auto 10px;} .splist_con .title{ width:100%; margin-bottom:10px;} .splist_con .title h3{ float:left; font-size: 14px; color: #333; font-weight: 800} .splist_con .con{-webkit-overflow-scrolling: touch; position: relative; top: 0; left: 0; overflow-x: auto; overflow-y: hidden; white-space: nowrap; } .splist_con .con .one{ -webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 0; flex-shrink: 0; display: inline-block; width: 130px; margin-right: 10px;} .splist_con .con .one img{ width: 100%; height: 130px;} .splist_con .con .one h4{font-size: 14px; color: #333; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow:ellipsis;} .splist_con .con .one span{ font-size:14px; color: #f82d40;} .tab_con .title{ width:100%; margin-bottom:10px; padding: 0 10px;} .tab_con .title h3{ float:left; font-size: 14px; color: #333; font-weight: 800} .wanfa_img{position:absolute;top: 86px;left: 0;width: 144px;animation: hearte 1.3s ease-in-out 0s infinite alternate;} .wanfa_img img{ width:100%} .lingji_tancon{position:fixed;top: 20%;left: 10%;width: 80%;z-index: 99; display: none;} .lingji_tancon .title{background:url(../images/bt_bgimg.png) no-repeat top;background-size: 100% 100%;position: relative;text-align: center;width: 80%;height: 50px;margin: 0 auto -30px;padding: 2px 0 0;} .lingji_tancon .title h5{font-size:16px;color: #773e12;font-weight: 800;} .lingji_tancon .title img{ position: absolute; top: 0; right: 0; display: block; width: 35px;} .lingji_tancon .con{background:url(../images/tan_bgimg.png) no-repeat top;background-size: 100% 100%;padding: 40px 30px 30px;} .lingji_tancon .con h4{background: rgb(255 0 0 / 6%);color: #f44336;font-size: 12px;line-height: 1.8em;padding: 5px 0;text-align: center;width: 85%;margin: 0 auto;} .lingji_tancon .con .jz_con{margin: 10px auto; max-height: 180px; overflow-y: scroll} .lingji_tancon .con .jz_con .one{ box-shadow: 0 0 20px rgb(244 67 54 / 35%) inset; border-radius: 10px;text-align: center; padding: 5px; width: 40%; margin-left: 6%; margin-right: 3%; background: rgba(255,255,255,0.2); margin-bottom: 10px; float:left} .lingji_tancon .con .jz_con .one:nth-child(2n){ margin-right:0} .lingji_tancon .con .jz_con .one img{ display:block; width: 50px; margin: 0 auto} .lingji_tancon .con .jz_con .one p{ font-size: 14px; color: #333333} .lingji_tancon .con .jz_con .one span{ font-size: 14px; color: #f82d40} .lingji_tancon .con .center_c{ width:100%; text-align: center;} .lingji_tancon .con .center_c p{ font-size:12px; color:#f82d40;} .lingji_tancon .con .center_c span{ font-size:14px; font-weight: 800; color:#f82d40;} .lingji_tancon .con .bottom_c{width:100%;margin-top: 58px;} .lingji_tancon .con .bottom_c .bm_one{ /*background:url(../images/anniu_img01.png) no-repeat top;*/ background-color: red;; border-radius: 30px; background-size: 100% 100%; color: white; float: left; width: 48.5%;margin-right: 3%; height: 35px;text-align: center;line-height: 33px;font-size: 14px; position: relative;} .lingji_tancon .con .bottom_c .bm_one:nth-child(2){ /*background:url(../images/anniu_img02.png) no-repeat top;*/ background-color: #4caf50; border-radius: 30px; background-size: 100% 100%; color: #fff; margin-right: 0} .lingji_tancon .con .bottom_c .bm_one span{ display:inline-block} .lingji_tancon .con .bottom_c .bm_one img{ display:inline-block; width: 20px;} .lingji_tancon .con .bottom_c .bm_one .kt_c{position:absolute;top: -40px;left: 6px;background: #fff;border:1px solid #f82d40;color: #f82d40;font-size: 12px;line-height: 25px;} .lingji_tancon .con .bottom_c .bm_one .kt_c p{ padding:0 2px; width: calc(100% - 30px); float: left;} .lingji_tancon .con .bottom_c .bm_one .kt_c em{ float: right; width: 30px; background: #f82d40; color: #fff; font-size: 12px; float: right;} .lingji_tancon .con .bottom_c .bm_one .kt_c i{ width: 0; height: 0; position: absolute; top: 26px; right: 46px; border: 5px solid transparent; border-top-color: #f82d40; } .lingji_tancon a.jl_btn{font-size: 14px;text-align: center;text-decoration:underline;color: #333;display: block;width: 70px;margin: 10px auto 0;} .gongchang_tancon{position:fixed;top: 10%;left: 10%;width: 80%;z-index: 99; display: none;} .gongchang_tancon .title{background:url(../images/bt_bgimg.png) no-repeat top;background-size: 100% 100%;position: relative;text-align: center;width: 80%;height: 50px;margin: 0 auto -30px;padding: 2px 0 0;} .gongchang_tancon .title h5{font-size:16px;color: #773e12;font-weight: 800;} .gongchang_tancon .title img{ position: absolute; top: 0; right: 0; display: block; width: 35px;} .gongchang_tancon .con{background:url(../images/tan_bgimg.png) no-repeat top;background-size: 100% 100%;padding: 40px 30px 30px;} .gongchang_tancon .con h4{background:#bb7b4a;color: #fff;font-size: 12px;padding: 2px 0;text-align: center;width: 80px;margin: 0 auto 10px;} .gongchang_tancon .con .cen_con{width:100%;margin: 0 0 12px;} .gongchang_tancon .con .cen_con p{ width:100%; margin-bottom: 10px; font-size: 12px; color: #604216} .gongchang_tancon .con .cen_con p a{ float: right; font-size: 12px;color: #604216; text-decoration: underline;} .gongchang_tancon .con .cen_con .con_c{ width:100%} .gongchang_tancon .con .cen_con .con_c .one{box-shadow: 0 0 20px rgb(244 67 54 / 35%) inset;border-radius: 10px;text-align: center;padding: 10px;width: 48.5%; margin-right: 3%; background: rgba(255,255,255,0.2); float: left; text-align: center;} .gongchang_tancon .con .cen_con .con_c .one:nth-child(2){ margin-right:0} .gongchang_tancon .con .cen_con .con_c .one > span{font-size: 12px;color: #333;width: 100%;display: block;zoom: 0.8;margin-bottom: 8px;} .gongchang_tancon .con .cen_con .con_c .one > em{font-size: 13px;font-weight: 800;color: #f00;display: block;width: 100%;margin: 0 0 5px;} .gongchang_tancon .con .cen_con .con_c .one i{font-size: 12px;background: #604216;color: #fff;border-radius: 50px;padding: 2px 5px 3px;font-style: normal;zoom: 0.8;} .gongchang_tancon .con .cen_con .con_c .one .btn_o{background:url(../images/anniu_img01.png) no-repeat top;background-size: 100% 100%;color: #6a360e;width: 100%;height: 35px;text-align: center;line-height: 33px;font-size: 14px;position: relative;margin: 10px 0 0;} .gongchang_tancon .con .cen_con .con_c .one .btn_o img{display:inline-block;width: 20px;margin-right: 5px;} .gongchang_tancon .con .cen_con .con_c .one .btn_o em{position: absolute;top: 8px;left: 30px;font-size:12px;color: #f82d40;zoom:0.8;} .gongchang_tancon .con .cen_con .con_c .one .btn_o span{ display:inline-block; font-size: 12px;} .gongchang_tancon .btm_con{ width: 100%} .gongchang_tancon .btm_con .fy_c{ width:100%; margin-bottom: 5px;} .gongchang_tancon .btm_con .fy_c span{ float:left; font-size: 12px; color: #604216} .gongchang_tancon .btm_con .fy_c p{ float:right;font-size: 12px; color: #604216} .gongchang_tancon .btm_con .fy_c p img{ display:inline-block; width: 20px;} .gongchang_tancon .btm_con .h5{box-shadow: 0 0 20px rgb(244 67 54 / 35%) inset;width: 100%;border-radius: 5px;} .gongchang_tancon .btm_con .h5 > p{ width:100%; text-align: center;color: #604216; padding: 10px 0; font-size: 12px;} .gongchang_tancon .btm_con .con_h{ width:100%; padding: 0 10px 10px;} .gongchang_tancon .btm_con .con_h .one_h{box-shadow: 0 0 20px rgb(244 67 54 / 35%) inset;border-radius: 10px;text-align: center;padding: 10px;width: 48.5%;margin-right: 3%;background: rgba(255,255,255,0.2); float: left} .gongchang_tancon .btm_con .con_h .one_h:nth-child(2){ margin-right:0} .gongchang_tancon .btm_con .con_h .one_h img{display:block;width: 39px;margin: 0 auto} .gongchang_tancon .btm_con .con_h .one_h p{font-size: 12px;color: #333333} .gongchang_tancon .btm_con .con_h .one_h span{font-size: 12px;color: #f82d40} .gongchang_tancon .jgc_btm{ width:100%} .gongchang_tancon .jgc_btm p{font-size:12px;color: #333;margin: 5px 0;text-align: center;} .gongchang_tancon .jgc_btm .jg_con{width:100%;box-shadow: 0 0 20px rgb(244 67 54 / 35%) inset;padding:10px;border-radius: 5px;} .gongchang_tancon .jgc_btm .jg_con img{float:left;display: block;width: 40px;height: 40px;} .gongchang_tancon .jgc_btm .jg_con .text{ float:left; width: calc(100% - 40px); position: relative; padding-left: 10px;} .gongchang_tancon .jgc_btm .jg_con .text span{font-size:14px;color: #333;display: block;width: 100%;} .gongchang_tancon .jgc_btm .jg_con .text p{font-size:12px;color: #666;text-align: left;margin: 0;} .gongchang_tancon .jgc_btm .jg_con .text em{ position: absolute; top:8px;right: 0; background:#00bb84; color: #fff; font-size: 12px; padding: 5px 10px; border-radius: 5px;} .danmu_con{ position:fixed; bottom:60px; left: 0;} .danmu_con ul{ list-style:none; margin:0px; padding:0px; width:1500px; float:left; } .danmu_con ul li{ height:60px; font-size:12px; width: 260px; margin-right: 20px; float:left; background:rgba(0,0,0,0.2); padding: 10px; border-radius: 5px; } .danmu_con ul li:nth-child(2n){ margin-top: 40px;} .danmu_con ul li img{float:left; display: block; width: 40px; height: 40px; border-radius: 50%;} .danmu_con ul li .text{ float:left; width: calc(100% - 40px); position: relative; padding-left: 10px;} .danmu_con ul li .text span{font-size:14px; color: #fff;} .danmu_con ul li .text p{font-size:12px; color: #fff;} .danmu_con ul li .text em{ position: absolute; top:8px;right: 0; background:#00bb84; color: #fff; font-size: 12px; padding: 5px 10px; border-radius: 5px;} .danmu_con #wrap{ width:3000px; } .danmu_con #scroll{ width:375px; overflow:scroll; } .danmu_con #scroll::-webkit-scrollbar { display: none; } .ck_tancon{position:fixed;top: 20%;left: 10%;width: 80%;z-index: 99; display: none} .ck_tancon .title{background:url(../images/bt_bgimg.png) no-repeat top;background-size: 100% 100%;position: relative;text-align: center;width: 80%;height: 50px;margin: 0 auto -30px;padding: 2px 0 0;} .ck_tancon .title h5{font-size:16px;color: #773e12;font-weight: 800;} .ck_tancon .title img{ position: absolute; top: 0; right: 0; display: block; width: 35px;} .ck_tancon .con{background:url(../images/tan_bgimg.png) no-repeat top;background-size: 100% 100%;padding: 40px 30px 30px;} .ck_tancon .con .ul{ width:100%; margin-bottom: 10px} .ck_tancon .con .ul .li{ width: 25%; font-size: 12px; float: left; text-align: center; color: #787878} .ck_tancon .con .ul .li.on{ color:#333;} .ck_tancon .con .ul_c{ width:100%;} .ck_tancon .con .ul_c .ul_ccon{ width:100%; display: none; padding: 20px 0; text-align: center} .ck_tancon .con .ul_c .ul_ccon .ji_con{height: 220px; overflow-y: scroll} .ck_tancon .con .ul_c .ul_ccon:nth-child(1){ display: block; text-align: center;} .ck_tancon .con .ul_c .ul_ccon .slcon{min-height: 185px;} .ck_tancon .con .ul_c .ul_ccon .slcon img{ display:block; width: 80px; border-radius: 5px;box-shadow: 0 0 20px rgb(244 67 54 / 35%) inset; padding: 10px; margin: 0 auto} .ck_tancon .con .ul_c .ul_ccon .slcon span{ font-size:14px; width: 100%; text-align: center; color: #333} .ck_tancon .con .ul_c .ul_ccon .slcon p{ font-size:14px; width: 100%; text-align: center; color: #f82d40} .ck_tancon .con .ul_c .ul_ccon .slcon i{ font-size:12px; padding: 2px 10px; border-radius: 30px; width: 100%; text-align: center; color: #f82d40; background: #fff2f2; font-style: normal;} .ck_tancon .con .ul_c .ul_ccon .ji_obe{ width:48.5%; margin-right: 3%; border-radius: 5px;box-shadow: 0 0 20px rgb(244 67 54 / 35%) inset; margin-bottom: 10px; padding: 10px; float:left} .ck_tancon .con .ul_c .ul_ccon .ji_obe:nth-child(2n){ margin-right:0} .ck_tancon .con .ul_c .ul_ccon .ji_obe img{ display:block; width: 60px; padding: 10px; margin: 0 auto} .ck_tancon .con .ul_c .ul_ccon .ji_obe span{ font-size:14px; width: 100%; text-align: center; color: #333} .ck_tancon .con .ul_c .ul_ccon .ji_obe p{ font-size:14px; width: 100%; text-align: center; color: #f82d40} .ck_tancon .con .ul_c .ul_ccon .ji_obe i{ font-size:12px; padding: 2px 10px; border-radius: 30px; width: 100%; text-align: center; color: #f82d40; background: #fff2f2; font-style: normal;} .ck_tancon .con .btm_con { margin-top: 30px;} .ck_tancon .con .btm_con .btn_o{ /*background:url(../images/anniu_img01.png) no-repeat top;*/ background-size: 100% 100%; background-color:#4caf50; border-radius: 30px; color: white; width: 48.5%;height: 35px; text-align: center; line-height: 33px;font-size: 14px;position: relative;margin-right: 3%; float: left;} .ck_tancon .con .btm_con .btn_o:nth-child(2){ margin-right: 0; /*background:url(../images/anniu_img02.png) no-repeat top;*/ background-size: 100% 100%; background-color:#f00 ; color: white; border-radius: 30px; } .ck_tancon .con .btm_con .btn_o img{display:inline-block;width: 20px;margin-right: 5px;} .ck_tancon .con .btm_con .btn_o em{position: absolute;top: 8px;left: 56px;font-size:12px;color: #f82d40;zoom:0.8;} .ck_tancon .con .btm_con .btn_o span{ display:inline-block; font-size: 12px;} .ck_tancon .con .btm_con .btn_o p{ position:absolute;top: -40px;left: 6px;background: #fff;border:1px solid #f82d40;color: #f82d40;font-size: 12px;line-height: 25px; padding: 0 10px; zoom:0.8;} .ck_tancon .con .btm_con .btn_o p i{ width: 0; height: 0; position: absolute; top: 26px; right: 46px; border: 5px solid transparent; border-top-color: #f82d40; } .shjl_tancon{position:fixed;top: 20%;left: 10%;width: 80%;z-index: 99; display: none;} .shjl_tancon .title{background:url(../images/bt_bgimg.png) no-repeat top;background-size: 100% 100%;position: relative;text-align: center;width: 80%;height: 50px;margin: 0 auto -30px;padding: 2px 0 0;} .shjl_tancon .title h5{font-size:16px;color: #773e12;font-weight: 800;} .shjl_tancon .title img{ position: absolute; top: 0; right: 0; display: block; width: 35px;} .shjl_tancon .con{background:url(../images/tan_bgimg.png) no-repeat top;background-size: 100% 100%;padding: 40px 30px 30px;} .shjl_tancon .con .tp_con{ padding: 10px;} .shjl_tancon .con .tp_con img{ display:block; width: 80px; border-radius: 5px;box-shadow: 0 0 20px rgb(244 67 54 / 35%) inset; padding: 10px; margin: 0 auto} .shjl_tancon .con .tp_con p{font-size:14px;width: 80%;text-align: left;color: #333;background: #fff;margin: 15px auto 0;padding: 5px 20px;border-radius: 50px;} .shjl_tancon .con .tp_con p em{float:right;color: #f44336;} .shjl_tancon .con .btm_con { margin-top: 30px;} .shjl_tancon .con .btm_con .btn_o{ /*background:url(../images/anniu_img01.png) no-repeat top;*/ background-color:forestgreen; color: white; border-radius: 30px; background-size: 100% 100%; width: 32%; height: 35px;text-align: center; line-height: 33px;font-size: 14px;position: relative;margin-right: 2%; float: left;} .shjl_tancon .con .btm_con .btn_o:nth-child(2){ /*background:url(../images/anniu_img02.png) no-repeat top;*/ background-color:rgb(54 55 244); color: white; border-radius: 30px; background-size: 100% 100%; } .shjl_tancon .con .btm_con .btn_o:nth-child(3){ margin-right: 0; /*background:url(../images/anniu_img03.png) no-repeat top;*/ background-color:#f00 ; color: white; border-radius: 30px; background-size: 100% 100%; } .shjl_tancon .con .btm_con .btn_o img{display:inline-block;width: 20px;margin-right: 5px;} .shjl_tancon .con .btm_con .btn_o em{position: absolute;top: 8px;left: 56px;font-size:12px;color: #f82d40;zoom:0.8;} .shjl_tancon .con .btm_con .btn_o span{ display:inline-block; font-size: 12px;} .shjl_tancon .con .btm_con .btn_o p{ position:absolute;top: -40px;left: 6px;background: #fff;border:1px solid #f82d40;color: #f82d40;font-size: 12px;line-height: 25px; padding: 0 10px; zoom:0.8;} .shjl_tancon .con .btm_con .btn_o p i{ width: 0; height: 0; position: absolute; top: 26px; right: 46px; border: 5px solid transparent; border-top-color: #f82d40; } .shhd_tancon{position:fixed;top: 20%;left: 10%;width: 80%;z-index: 99; display: none} .shhd_tancon .title{background:url(../images/bt_bgimg.png) no-repeat top;background-size: 100% 100%;position: relative;text-align: center;width: 80%;height: 50px;margin: 0 auto -30px;padding: 2px 0 0;} .shhd_tancon .title h5{font-size:16px;color: #773e12;font-weight: 800;} .shhd_tancon .title img{ position: absolute; top: 0; right: 0; display: block; width: 35px;} .shhd_tancon .con{background:url(../images/tan_bgimg.png) no-repeat top;background-size: 100% 100%;padding: 40px 30px 30px;} .shhd_tancon .con .tp_con{ padding: 10px;} .shhd_tancon .con .tp_con img{ display:block; width: 80px; border-radius: 5px;box-shadow: 0 0 20px rgb(244 67 54 / 35%) inset; padding: 10px; margin: 0 auto} .shhd_tancon .con .tp_con p{font-size:14px;width: 80%;text-align: left;color: #333;background: #fff3d0;margin: 15px auto 0;padding: 5px 20px;border-radius: 50px;} .shhd_tancon .con .tp_con p em{float:right;color: #f44336;} .shhd_tancon .con .btm_con { margin-top: 30px;} .shhd_tancon .con .btm_con .btn_o{ /*background:url(../images/anniu_img01.png) no-repeat top;*/ background-size: 100% 100%; background-color:red ; color: white; border-radius: 30px; width: 48.5%;height: 35px;text-align: center;line-height: 33px;font-size: 14px;position: relative;margin-right: 3%;float: left;} .shhd_tancon .con .btm_con .btn_o:nth-child(2){ margin-right: 0; /*background:url(../images/anniu_img02.png) no-repeat top;*/ background-color:#4caf50; color: white; border-radius: 30px; background-size: 100% 100%; } .shhd_tancon .con .btm_con .btn_o:nth-child(3){ margin-right: 0;background:url(../images/anniu_img03.png) no-repeat top;background-size: 100% 100%;} .shhd_tancon .con .btm_con .btn_o img{display:inline-block;width: 20px;margin-right: 5px;} .shhd_tancon .con .btm_con .btn_o em{position: absolute;top: 8px;left: 56px;font-size:12px;color: #f82d40;zoom:0.8;} .shhd_tancon .con .btm_con .btn_o span{ display:inline-block; font-size: 12px;} .shhd_tancon .con .btm_con .btn_o p{ position:absolute;top: -40px;left: 6px;background: #fff;border:1px solid #f82d40;color: #f82d40;font-size: 12px;line-height: 25px; padding: 0 10px; zoom:0.8;} .shhd_tancon .con .btm_con .btn_o p i{ width: 0; height: 0; position: absolute; top: 26px; right: 46px; border: 5px solid transparent; border-top-color: #f82d40; } .shhd_tancon .jgc_btm{ width:100%} .shhd_tancon .jgc_btm p{font-size:12px;color: #333;margin: 5px 0;text-align: center;} .shhd_tancon .jgc_btm .jg_con{width:100%;box-shadow: 0 0 20px rgb(244 67 54 / 35%) inset;padding:10px;border-radius: 5px;} .shhd_tancon .jgc_btm .jg_con img{float:left;display: block;width: 40px;height: 40px;} .shhd_tancon .jgc_btm .jg_con .text{ float:left; width: calc(100% - 40px); position: relative; padding-left: 10px;} .shhd_tancon .jgc_btm .jg_con .text span{font-size:14px;color: #333;display: block;width: 100%;font-weight: 800;} .shhd_tancon .jgc_btm .jg_con .text p{font-size: 11px;color: #666;text-align: left;margin: 0;width: 70%;} .shhd_tancon .jgc_btm .jg_con .text em{ position: absolute; top:8px;right: 0; background:#00bb84; color: #fff; font-size: 12px; padding: 5px 10px; border-radius: 5px;} .gmsl_tancon{position:fixed;top: 20%;left: 10%;width: 80%;z-index: 99; display: none} .gmsl_tancon .title{background:url(../images/bt_bgimg.png) no-repeat top;background-size: 100% 100%;position: relative;text-align: center;width: 80%;height: 50px;margin: 0 auto -30px;padding: 2px 0 0;} .gmsl_tancon .title h5{font-size:16px;color: #773e12;font-weight: 800;} .gmsl_tancon .title img{ position: absolute; top: 0; right: 0; display: block; width: 35px;} .gmsl_tancon .con{background:url(../images/tan_bgimg.png) no-repeat top;background-size: 100% 100%;padding: 40px 30px 30px;} .gmsl_tancon .con .fy_c{width:100%;margin-bottom: 5px;line-height: 25px;background: #ffebe9;padding: 0 10px;border-radius: 5px;} .gmsl_tancon .con .fy_c span{float:left;font-size: 12px;color: #f82d40;} .gmsl_tancon .con .fy_c p{float:right;font-size: 12px;color: #f82d40;} .gmsl_tancon .con .fy_c p img{display:inline-block;width: 20px;position: relative;top: -2px;} .gmsl_tancon .con .gm_num{ text-align:center;} .gmsl_tancon .con .gm_num h6{font-size:14px;color: #333;font-weight: 800;} .gmsl_tancon .con .gm_num p{ font-size:12px; color: #f82d40;} .gmsl_tancon .con .gm_num .num_c{width: 90px;background:#ff971e;margin: 5px auto;border-radius: 5px;} .gmsl_tancon .con .gm_num .num_c input{ background: none; border: none; width: 30%; float: left; color: #fff; line-height: 20px; } .gmsl_tancon .con .gm_num .num_c #num{ background:#bb7b4a; width: 40%;} .gmsl_tancon .con .btm_con { margin-top: 30px;} .gmsl_tancon .con .btm_con .btn_o{ /*background:url(../images/anniu_img01.png) no-repeat top;*/ background-color: red; border-radius: 30px; background-size: 100% 100%; color: #fff;width: 48.5%; height: 35px; text-align: center; line-height: 33px; font-size: 14px;position: relative;margin-right: 3%; float: left; } .gmsl_tancon .con .btm_con .btn_o:nth-child(2){ margin-right: 0; /*background:url(../images/anniu_img02.png) no-repeat top;*/ background-size: 100% 100%; background-color: #4caf50; border-radius: 30px; } .gmsl_tancon .con .btm_con .btn_o:nth-child(3){ margin-right: 0;background:url(../images/anniu_img03.png) no-repeat top;background-size: 100% 100%;} .gmsl_tancon .con .btm_con .btn_o img{display:inline-block;width: 20px;margin-right: 5px;} .gmsl_tancon .con .btm_con .btn_o em{position: absolute;top: 8px;left: 56px;font-size:12px;color: #f82d40;zoom:0.8;} .gmsl_tancon .con .btm_con .btn_o span{ display:inline-block; font-size: 12px;} .gmsl_tancon .con .btm_con .btn_o p{position:absolute;top: -40px;left: 32px;background: #fff;border:1px solid #f82d40;color: #f82d40;font-size: 12px;line-height: 25px;padding: 0 10px;zoom:0.8;} .gmsl_tancon .con .btm_con .btn_o p i{ width: 0; height: 0; position: absolute; top: 26px; right: 35px; border: 5px solid transparent; border-top-color: #f82d40; } .gmsl_tancon .con a.sl_btn{font-size: 14px;text-align: center;text-decoration:underline;color: #333;display: block;width: 70px;margin: 10px auto 0;} .gmsl_tancon .con .gm_btm{ width: 100%; padding: 10px} .gmsl_tancon .con .gm_btm .gm_one{ width:100%; line-height: 20px; padding: 5px 0} .gmsl_tancon .con .gm_btm .gm_one span{ color: #333; font-size: 12px;float: left} .gmsl_tancon .con .gm_btm .gm_one p{ float:right; color: #333; font-size: 12px;} .gmsl_tancon .con .gm_btm .gm_one p img{display:inline-block;width: 20px;position: relative;top: -2px;} .gmsl_tancon .con .gm_btm .gm_one .danxuan {width: 20px;float: right;position: relative} .gmsl_tancon .con .gm_btm .gm_one .danxuan input.radio1 { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; display: block;} .gmsl_tancon .con .gm_btm .gm_one .danxuan i { left:0; width: 20px; height: 20px; background: url(../images/choose_3_1.png) no-repeat center; background-size: 100% 100%; margin-right: 10px; display: block; float: left;} .gmsl_tancon .con .gm_btm .gm_one .danxuan b { font-size: 14px; color: #666; float: left; font-weight: 800; line-height: 30px; } .gmsl_tancon .con .gm_btm .gm_one .danxuan input.radio1:checked ~i { background: url(../images/choose_3_2.png) no-repeat center; background-size: 100% 100%; } .jghg_tancon{position:fixed;top: 15%;left: 10%;width: 80%;z-index: 99; display: none;} .jghg_tancon .title{background:url(../images/bt_bgimg.png) no-repeat top;background-size: 100% 100%;position: relative;text-align: center;width: 80%;height: 50px;margin: 0 auto -30px;padding: 2px 0 0;} .jghg_tancon .title h5{font-size:16px;color: #773e12;font-weight: 800;} .jghg_tancon .title img{ position: absolute; top: 0; right: 0; display: block; width: 35px;} .jghg_tancon .con{background:url(../images/tan_bgimg.png) no-repeat top;background-size: 100% 100%;padding: 40px 30px 30px;} .jghg_tancon .con .gm_num{text-align:center;margin: 0 0 10px;} .jghg_tancon .con .gm_num h6{font-size:14px;color: #333;font-weight: 800;} .jghg_tancon .con .gm_num p{ font-size:12px; color: #f82d40;} .jghg_tancon .con .gm_num em{font-size:12px;color: #fff;background: #604216;padding: 0 10px;border-radius: 30px;display: block;width: 30px;margin: 5px auto;} .jghg_tancon .con .btm_con { margin-top: 30px;} .jghg_tancon .con .btm_con .btn_o{background:url(../images/anniu_img01.png) no-repeat top;background-size: 100% 100%;color: #fff;width: 48.5%;height: 35px;text-align: center;line-height: 33px;font-size: 14px;position: relative;margin-right: 3%; float: left;} .jghg_tancon .con .btm_con .btn_o:nth-child(2){margin-right: 0;background:url(../images/anniu_img02.png) no-repeat top;background-size: 100% 100%;} .jghg_tancon .con .btm_con .btn_o:nth-child(3){ margin-right: 0;background:url(../images/anniu_img03.png) no-repeat top;background-size: 100% 100%;} .jghg_tancon .con .btm_con .btn_o img{display:inline-block;width: 20px;margin-right: 5px;} .jghg_tancon .con .btm_con .btn_o em{position: absolute;top: 8px;left: 56px;font-size:12px;color: #f82d40;zoom:0.8;} .jghg_tancon .con .btm_con .btn_o span{ display:inline-block; font-size: 12px;} .jghg_tancon .con .btm_con .btn_o p{position:absolute;top: -40px;left: 32px;background: #fff;border:1px solid #f82d40;color: #f82d40;font-size: 12px;line-height: 25px;padding: 0 10px;zoom:0.8;} .jghg_tancon .con .btm_con .btn_o p i{ width: 0; height: 0; position: absolute; top: 26px; right: 35px; border: 5px solid transparent; border-top-color: #f82d40; } .jghg_tancon .con a.sl_btn{font-size: 14px;text-align: center;text-decoration:underline;color: #333;display: block;width: 70px;margin: 10px auto 0;} .jghg_tancon .con .gm_btm{ width: 100%; padding: 0 10px;} .jghg_tancon .con .gm_btm .gm_one{ width:100%; line-height: 20px; padding: 5px 0} .jghg_tancon .con .gm_btm .gm_one span{ color: #333; font-size: 12px;float: left} .jghg_tancon .con .gm_btm .gm_one p{ float:right; color: #333; font-size: 12px;} .jghg_tancon .con .gm_btm .gm_one p img{display:inline-block;width: 20px;position: relative;top: -2px;} .jghg_tancon .con .gm_btm .gm_one .danxuan {width: 20px;float: right; position: relative} .jghg_tancon .con .gm_btm .gm_one .danxuan input.radio1 { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; display: block;} .jghg_tancon .con .gm_btm .gm_one .danxuan i { left:0; width: 20px; height: 20px; background: url(../images/choose_3_1.png) no-repeat center; background-size: 100% 100%; margin-right: 10px; display: block; float: left;} .jghg_tancon .con .gm_btm .gm_one .danxuan b { font-size: 14px; color: #666; float: left; font-weight: 800; line-height: 30px; } .jghg_tancon .con .gm_btm .gm_one .danxuan input.radio1:checked ~i { background: url(../images/choose_3_2.png) no-repeat center; background-size: 100% 100%;} .jghg_tancon .con_one{ background: #232323; border: 2px solid #ffb996;padding: 10px; border-radius: 10px;} .jghg_tancon .con_one img{float:left;display: block;width: 40px;height: 40px;margin-top: 6px;} .jghg_tancon .con_one .txt{float: left; width: calc(100% - 120px); padding-left: 10px; position: relative;} .jghg_tancon .con_one .txt span{ font-size:12px; color:#fff; display: block; margin-bottom: 5px;} .jghg_tancon .con_one .txt .one_c{ float:left; width: 50%; font-size:12px;} .jghg_tancon .con_one .txt .one_c:nth-child(2){ text-align:right;} .jghg_tancon .con_one .txt .one_c em{ font-size:12px; color:#ffb996} .jghg_tancon .con_one .txt .one_c p{ font-size:12px; color:rgba(255,255,255,0.5)} .jghg_tancon .con_one .txt a{position:absolute;top: 6px;right: -80px;background: #ffb996;color: #000;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;text-align: center;font-size: 12px;} .jsth_tancon{position:fixed;top: 11%;left: 10%;width: 80%;z-index: 99; display: none} .jsth_tancon .title{background:url(../images/bt_bgimg.png) no-repeat top;background-size: 100% 100%;position: relative;text-align: center;width: 80%;height: 50px;margin: 0 auto -30px;padding: 2px 0 0;} .jsth_tancon .title h5{font-size:16px;color: #773e12;font-weight: 800;} .jsth_tancon .title img{ position: absolute; top: 0; right: 0; display: block; width: 35px;} .jsth_tancon .con{background:url(../images/tan_bgimg.png) no-repeat top;background-size: 100% 100%;padding: 40px 30px 30px;} .jsth_tancon .con .btm_con { margin-top: 30px;} .jsth_tancon .con .js_nav {width:60%;margin: 0 auto 10px;background: #fff6d6;color: #333;padding: 5px;border-radius: 50px;line-height: 25px;} .jsth_tancon .con .js_nav .li{float:left; width: 50%; text-align:center;font-size: 12px;} .jsth_tancon .con .js_nav .li.on{border-radius: 50px;background: #efd79a;color: #333} .jsth_tancon .con .btm_con .btn_o{ /*background:url(../images/anniu_img01.png) no-repeat top;*/ background-size: 100% 100%; background-color: #4caf50; border-radius: 30px; color: #fff; width: 48.5%;height: 35px;text-align: center;line-height: 33px;font-size: 14px;position: relative;margin-right: 3%; float: left;} .jsth_tancon .con .btm_con .btn_o:nth-child(2){ margin-right: 0; /*background:url(../images/anniu_img02.png) no-repeat top;*/ background-size: 100% 100%; background-color: #f00; color: white; } .jsth_tancon .con .btm_con .btn_o:nth-child(3){ margin-right: 0;background:url(../images/anniu_img03.png) no-repeat top;background-size: 100% 100%;} .jsth_tancon .con .btm_con .btn_o img{display:inline-block;width: 20px;margin-right: 5px;} .jsth_tancon .con .btm_con .btn_o em{position: absolute;top: 8px;left: 56px;font-size:12px;color: #f82d40;zoom:0.8;} .jsth_tancon .con .btm_con .btn_o span{ display:inline-block; font-size: 12px;} .jsth_tancon .con .ul_c{ display:none;} .jsth_tancon .con .ul_c:nth-child(1){ display:block;} .jsth_tancon .con .ul_c .tp_c{ width:100%;text-align: center; padding: 10px 0;} .jsth_tancon .con .ul_c .tp_c img{ display:block; width: 80px; border-radius: 5px;box-shadow: 0 0 20px rgb(244 67 54 / 35%) inset; padding: 10px; margin: 0 auto 10px} .jsth_tancon .con .ul_c .tp_c p{font-size:14px;width: 70%;color: #333; display: block; margin: 0 auto 10px} .jsth_tancon .con .ul_c .tp_c span{font-size:14px;width: 80%;color: #f82d40; display: block; margin: 0 auto 10px} .jsth_tancon .con .ul_c .tp_c em{font-size:12px;width: 80%;color: #999; display: block; margin: 0 auto} .jsth_tancon .con .ul_c .tm_c{ width:100%;} .jsth_tancon .con .ul_c .tm_c p{ text-align:left; font-size: 12px; color: #333; display: block; margin-bottom: 5px} .jsth_tancon .con .ul_c .tm_c p a{ float:right; text-decoration: underline;} .jsth_tancon .con .ul_c .tm_c .bm_con{ border-radius: 5px;box-shadow: 0 0 20px rgb(244 67 54 / 35%) inset; padding:10px;} .jsth_tancon .con .ul_c .tm_c .bm_con i{font-style: normal; color: #f82d40} .jsth_tancon .con .ul_c .tm_c .bm_con span{ display:block; width: 100%; text-align: center; color: #454545; font-size: 12px;} .jsth_tancon .con .ul_c .tm_c .bm_con span.em{ text-align:left;} .jsth_tancon .con .ul_c .tm_c .bm_con p{ font-size:12px; color: #787878 } .jsth_tancon .con .ul_c .dx_con{ width:100%; margin-top: 10px;} .jsth_tancon .con .ul_c .dx_con span{ color: #333; font-size: 12px;float: left} .jsth_tancon .con .ul_c .dx_con .danxuan {width: 20px;float: right;position: relative} .jsth_tancon .con .ul_c .dx_con .danxuan input.radio1 { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; display: block;} .jsth_tancon .con .ul_c .dx_con .danxuan i { left:0; width: 20px; height: 20px; background: url(../images/choose_3_1.png) no-repeat center; background-size: 100% 100%; margin-right: 10px; display: block; float: left;} .jsth_tancon .con .ul_c .dx_con .danxuan b { font-size: 14px; color: #666; float: left; font-weight: 800; line-height: 30px; } .jsth_tancon .con .ul_c .dx_con .danxuan input.radio1:checked ~i { background: url(../images/choose_3_2.png) no-repeat center; background-size: 100% 100%; } .ktvip_tancon{position:fixed;top: 15%;left: 10%;width: 80%;z-index: 99; display: none;} .ktvip_tancon .title{background:url(../images/bt_bgimg.png) no-repeat top;background-size: 100% 100%;position: relative;text-align: center;width: 80%;height: 50px;margin: 0 auto -30px;padding: 2px 0 0;} .ktvip_tancon .title h5{font-size:16px;color: #773e12;font-weight: 800;} .ktvip_tancon .title img{ position: absolute; top: 0; right: 0; display: block; width: 35px;} .ktvip_tancon .con{background:url(../images/tan_bgimg.png) no-repeat top;background-size: 100% 100%;padding: 40px 30px 30px;} .ktvip_tancon .con .gm_num{text-align:center;margin: 0 0 10px;} .ktvip_tancon .con .gm_num .one_gm{ float: left; width: 48.5%; margin-right: 3%} .ktvip_tancon .con .gm_num .one_gm:nth-child(2n){ margin-right: 0} .ktvip_tancon .con .gm_num h6{font-size:14px;color: #333;font-weight: 800;} .ktvip_tancon .con .gm_num p{ font-size:12px; color: #f82d40;} .ktvip_tancon .con .gm_num img{display:block; width: 80px; border-radius: 5px;box-shadow: 0 0 20px rgb(244 67 54 / 35%) inset; padding: 10px; margin: 0 auto 10px} .ktvip_tancon .con .gm_num em{font-size:12px;color: #fff;background: #604216;padding: 0 10px;border-radius: 30px;display: block;width: 30px;margin: 5px auto;} .ktvip_tancon .con .btm_con { margin-top: 30px;} .ktvip_tancon .con .btm_con .btn_o{ /*background:url(../images/anniu_img01.png) no-repeat top;*/ background-color: #f00; border-radius: 30px; background-size: 100% 100%; color: #fff;width: 48.5%;height: 35px;text-align: center;line-height: 35px;font-size: 14px;position: relative;margin-right: 3%; float: left;} .ktvip_tancon .con .btm_con .btn_o:nth-child(2){ margin-right: 0; /*background:url(../images/anniu_img02.png) no-repeat top;*/ background-color: #4caf50; border-radius: 30px; background-size: 100% 100%;} .ktvip_tancon .con .btm_con .btn_o:nth-child(3){ margin-right: 0;background:url(../images/anniu_img03.png) no-repeat top;background-size: 100% 100%;} .ktvip_tancon .con .btm_con .btn_o img{display:inline-block;width: 20px;margin-right: 5px;} .ktvip_tancon .con .btm_con .btn_o em{position: absolute;top: 8px;left: 56px;font-size:12px;color: #f82d40;zoom:0.8;} .ktvip_tancon .con .btm_con .btn_o span{ display:inline-block; font-size: 12px;} .ktvip_tancon .con .btm_con .btn_o p{position:absolute;top: -40px;left: 32px;background: #fff;border:1px solid #f82d40;color: #f82d40;font-size: 12px;line-height: 25px;padding: 0 10px;zoom:0.8;} .ktvip_tancon .con .btm_con .btn_o p i{ width: 0; height: 0; position: absolute; top: 26px; right: 35px; border: 5px solid transparent; border-top-color: #f82d40; } .ktvip_tancon .con a.sl_btn{font-size: 14px;text-align: center;text-decoration:underline;color: #333;display: block;width: 70px;margin: 10px auto 0;} .ktvip_tancon .con .gm_btm{ width: 100%; padding: 0 10px;} .ktvip_tancon .con .gm_btm .gm_one{ width:100%; line-height: 20px; padding: 5px 0} .ktvip_tancon .con .gm_btm .gm_one span{ color: #333; font-size: 12px;float: left} .ktvip_tancon .con .gm_btm .gm_one p{ float:right; color: #333; font-size: 12px;} .ktvip_tancon .con .gm_btm .gm_one p img{display:inline-block;width: 20px;position: relative;top: -2px;} .ktvip_tancon .con .gm_btm .gm_one .danxuan {width: 20px;float: right; position: relative} .ktvip_tancon .con .gm_btm .gm_one .danxuan input.radio1 { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; display: block;} .ktvip_tancon .con .gm_btm .gm_one .danxuan i { left:0; width: 20px; height: 20px; background: url(../images/choose_3_1.png) no-repeat center; background-size: 100% 100%; margin-right: 10px; display: block; float: left;} .ktvip_tancon .con .gm_btm .gm_one .danxuan b { font-size: 14px; color: #666; float: left; font-weight: 800; line-height: 30px; } .ktvip_tancon .con .gm_btm .gm_one .danxuan input.radio1:checked ~i { background: url(../images/choose_3_2.png) no-repeat center; background-size: 100% 100%;} .bcz_tancon .con .fy_c{width:100%;margin-bottom: 5px;line-height: 25px;background: #ffebe9;padding: 0 10px;border-radius: 5px;} .bcz_tancon .con .fy_c span{float:left;font-size: 12px;color: #f82d40;} .bcz_tancon .con .fy_c p{float:right;font-size: 12px;color: #f82d40;} .bcz_tancon .con .fy_c p img{display:inline-block;width: 20px;position: relative;top: -2px;} .bcz_tancon{position:fixed;top: 20%;left: 10%;width: 80%;z-index: 99; display: none;} .bcz_tancon .title{background:url(../images/bt_bgimg.png) no-repeat top;background-size: 100% 100%;position: relative;text-align: center;width: 80%;height: 50px;margin: 0 auto -30px;padding: 2px 0 0;} .bcz_tancon .title h5{font-size:16px;color: #773e12;font-weight: 800;} .bcz_tancon .title img{ position: absolute; top: 0; right: 0; display: block; width: 35px;} .bcz_tancon .con{background:url(../images/tan_bgimg.png) no-repeat top;background-size: 100% 100%;padding: 40px 30px 30px;} .bcz_tancon .con .tp_c{ width:100%;border:1px solid #f82d40;text-align: center; margin-bottom: 10px } .bcz_tancon .con .tp_c p{ background: #f82d40; color: #fff; font-size:14px; padding: 5px 0; text-align: center; width: 100%} .bcz_tancon .con .tp_c span{ color: #f82d40;padding: 5px 0;} .bcz_tancon .con .cen_c{ width:100%;border:1px solid #f82d40; } .bcz_tancon .con .cen_con{ padding:10px 10px 1px} .bcz_tancon .con .cen_c p{ background: #f82d40; color: #fff; font-size:14px; padding: 5px 0; text-align: center; width: 100%;text-align: center;} .bcz_tancon .con .cen_c span{ width:32%; margin-right: 2%; float: left; background: #fff; color: #454545; font-size: 12px; padding: 5px 0; border-radius: 5px; margin-bottom: 10px; text-align: center} .bcz_tancon .con .cen_c span.on{background: #f82d40; color: #fff; } .bcz_tancon .con .cen_c span:nth-child(3n){ margin-right:0} .bcz_tancon .con .btn_c{ /*background:url(../images/anniu_img01.png) no-repeat top;*/ background-size: 100% 100%; background-color: #4caf50; border-radius: 30px; color: #fff;width: 60%;height: 40px;text-align: center;line-height: 40px;font-size: 14px;position: relative; margin: 0 auto} .bcz_tancon .con .btm_c{ width:100%; margin: 10px auto;border:1px solid #4caf50;} .bcz_tancon .con .btm_c p{ background: #4caf50; color: #fff; font-size:14px; padding: 5px 0; text-align: center; width: 100%;text-align: center; } .bcz_tancon .con .btm_c .btm_con{ width:100%; display: flex; padding: 10px 5px} .bcz_tancon .con .btm_c .btm_con .btm_one{flex: 1; margin: 0 5px; text-align: center} .bcz_tancon .con .btm_c .btm_con .btm_one img{ display:block; width: 35px; margin: 0 auto 5px} .bcz_tancon .con .btm_c .btm_con .btm_one.on{border:1px solid #4caf50; border-radius: 5px;} .bcz_tancon .con .btm_c .btm_con .btm_one span{font-size:12px; color: #888} .ryjz_tancon{position:fixed;top: 15%;left: 10%;width: 80%;z-index: 99; display:none} .ryjz_tancon .title{background:url(../images/bt_bgimg.png) no-repeat top;background-size: 100% 100%;position: relative;text-align: center;width: 80%;height: 50px;margin: 0 auto -30px;padding: 2px 0 0;} .ryjz_tancon .title h5{font-size:16px;color: #773e12;font-weight: 800;} .ryjz_tancon .title img{ position: absolute; top: 0; right: 0; display: block; width: 35px;} .ryjz_tancon .con{background:url(../images/tan_bgimg.png) no-repeat top;background-size: 100% 100%;padding: 40px 30px 30px;} .ryjz_tancon .con .fy_c{width:100%;margin-bottom: 5px;line-height: 25px;background: #ffebe9;padding: 0 10px;border-radius: 5px;} .ryjz_tancon .con .fy_c span{float:left;font-size: 12px;color: #f82d40;} .ryjz_tancon .con .fy_c p{float:right;font-size: 12px;color: #f82d40;} .ryjz_tancon .con .fy_c p img{display:inline-block;width: 20px;position: relative;top: -2px;} .ryjz_tancon .con .gm_num{ text-align:center; margin: 10px auto} .ryjz_tancon .con .gm_num h6{font-size:14px;color: #333;font-weight: 800;} .ryjz_tancon .con .gm_num p{ font-size:12px; color: #454545;} .ryjz_tancon .con .gm_num .num_c{width: 100%;margin: 15px auto 10px;} .ryjz_tancon .con .gm_num .num_c .num_one{ float:left; width:20%;border-radius: 5px; background:#ffebd3; margin-right: 6.66%; position: relative} .ryjz_tancon .con .gm_num .num_c .num_one i{ position:absolute; text-align: center;top: 5px; right: -13px;color:#f82d40; font-size: 12px;} .ryjz_tancon .con .gm_num .num_c .num_one em{ color:#f82d40; font-size: 12px; display: block; width: 100%} .ryjz_tancon .con .gm_num .num_c .num_one span{color:#f82d40; font-size: 12px; display: block; width: 100%} .ryjz_tancon .con .gm_num .num_c .num_one:nth-child(4n){ margin-right:0} .ryjz_tancon .con .btm_con { margin-top: 30px;} .ryjz_tancon .con .btm_con .btn_o{background:url(../images/anniu_img01.png) no-repeat top;background-size: 100% 100%;color: #fff;width: 48.5%;height: 35px;text-align: center;line-height: 33px;font-size: 14px;position: relative;margin-right: 3%; float: left;} .ryjz_tancon .con .btm_con .btn_o:nth-child(2){margin-right: 0;background:url(../images/anniu_img02.png) no-repeat top;background-size: 100% 100%;} .ryjz_tancon .con .btm_con .btn_o:nth-child(3){ margin-right: 0;background:url(../images/anniu_img03.png) no-repeat top;background-size: 100% 100%;} .ryjz_tancon .con .btm_con .btn_o img{display:inline-block;width: 20px;margin-right: 5px;} .ryjz_tancon .con .btm_con .btn_o em{position: absolute;top: 8px;left: 56px;font-size:12px;color: #f82d40;zoom:0.8;} .ryjz_tancon .con .btm_con .btn_o span{ display:inline-block; font-size: 12px;} .ryjz_tancon .con .btm_con .btn_o p{position:absolute;top: -40px;left: 32px;background: #fff;border:1px solid #f82d40;color: #f82d40;font-size: 12px;line-height: 25px;padding: 0 10px;zoom:0.8;} .ryjz_tancon .con .btm_con .btn_o p i{ width: 0; height: 0; position: absolute; top: 26px; right: 35px; border: 5px solid transparent; border-top-color: #f82d40; } .ryjz_tancon .con a.sl_btn{font-size: 14px;text-align: center;text-decoration:underline;color: #333;display: block;width: 70px;margin: 10px auto 0;} .ryjz_tancon .con .gm_btm{ width: 100%; padding: 10px} .ryjz_tancon .con .gm_btm .gm_one{ width:100%; line-height: 20px; padding: 5px 0} .ryjz_tancon .con .gm_btm .gm_one span{ color: #333; font-size: 12px;float: left} .ryjz_tancon .con .gm_btm .gm_one p{ float:right; color: #333; font-size: 12px;} .ryjz_tancon .con .gm_btm .gm_one p img{display:inline-block;width: 20px;position: relative;top: -2px;} .ryjz_tancon .con .gm_btm .gm_one .danxuan {width: 20px;float: right;position: relative} .ryjz_tancon .con .gm_btm .gm_one .danxuan input.radio1 { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; display: block;} .ryjz_tancon .con .gm_btm .gm_one .danxuan i { left:0; width: 20px; height: 20px; background: url(../images/choose_3_1.png) no-repeat center; background-size: 100% 100%; margin-right: 10px; display: block; float: left;} .ryjz_tancon .con .gm_btm .gm_one .danxuan b { font-size: 14px; color: #666; float: left; font-weight: 800; line-height: 30px; } .ryjz_tancon .con .gm_btm .gm_one .danxuan input.radio1:checked ~i { background: url(../images/choose_3_2.png) no-repeat center; background-size: 100% 100%; } .lirui_con{ width:100%;} .lirui_con .top_c{background-image: linear-gradient(-180deg,#12ff39, #00d8ff,rgba(255,255,255,0.6));padding: 15px 15px 50px;} .lirui_con .top_c .lt_c{ width:48.5%;float: left; margin-right: 3%} .lirui_con .top_c .lt_c .tp_c{ width:100%; margin-bottom: 10px; text-align: center; padding: 10px 0} .lirui_con .top_c .lt_c .tp_c img{ display: 50px; height:50px; border-radius: 50%; margin: 0 auto;} .lirui_con .top_c .lt_c .tp_c span{font-size:14px; color: #fff; display: block; width: 100%} .lirui_con .top_c .lt_c .btm_c{ width:100%; background:#fff; padding:13px 10px; text-align: center;border-radius: 5px} .lirui_con .top_c .lt_c .btm_c span{ font-size:16px; color: #333; font-weight: 800} .lirui_con .top_c .lt_c .btm_c p{ font-size:12px; color: #999; margin-top: 10px} .lirui_con .top_c .lt_c .btm_c p img{ display:inline-block; width: 15px; position: relative;top: -2px} .lirui_con .top_c .rt_c{ float: left; width: 48.5%; background: #fff; border-radius: 5px} .lirui_con .top_c .rt_c .one{ width:100%; padding: 20px 0; text-align: center} .lirui_con .top_c .rt_c .one span{ font-size:16px; color: #333; font-weight: 800} .lirui_con .top_c .rt_c .one p{ font-size:12px; color: #999; margin-top: 10px} .lirui_con .top_c .rt_c .one p em{ display:inline-block; width: 15px; position: relative;top: -2px;font-size:12px; color: #999;} .lirui_con .bottom_con{width:95%;margin: -40px auto 0;} .lirui_con .bottom_con .one{background:#Fff;border-radius: 5px;box-shadow: 0 0 10px rgba(0,0,0,0.1);padding: 15px 10px;margin-bottom: 10px} .lirui_con .bottom_con .one img{float:left;display: block;width: 50px;height: 50px;margin-top: 2px;} .lirui_con .bottom_con .one .text{ float:left; width: calc(100% - 50px); padding-left: 10px; position: relative} .lirui_con .bottom_con .one .text span{ font-size:14px; color: #333333; display: block; width: 100%} .lirui_con .bottom_con .one .text em{ font-size:14px; font-weight: 800;color: #333;display: block; width: 100%} .lirui_con .bottom_con .one .text p{ font-size:12px; color: #999;} .lirui_con .bottom_con .one .text a{background-image: linear-gradient(-90deg,#12ff39, #00d8ff); color: #fff; font-size: 14px; position: absolute; top: 5px; right: 0;padding: 2PX 10PX;border-radius: 30px;} .lirui_con .bottom_con .one:nth-child(2) a{background-image: linear-gradient(-90deg,#ff9000, #ff0036);} .lirui_con .bottom_con .one:nth-child(3) a{background-image: linear-gradient(-90deg,#ff9000, #ff0036);} .zy_c{ width: 100%; text-align: center;margin-top: 5px} .zy_c img{width:20px; height: 20px; display: inline-block; margin-right: 5px} .zy_c p{ font-size:12px; color: #999; display: inline-block} .ts_tan_bg{width:100%;height:100vh;position:fixed;top:0;left:0;background: rgba(0,0,0,0.3);z-index:98;display:none;} .ts_tan_con{position:fixed;width: 60%;height:auto;top: 45%;left:20%;background: #fff;border-radius:5px;display:none;background-size:100% 100%;z-index:99;box-sizing:border-box; padding: 0 10px; border-radius: 5px} .ts_tan_con .h4{ font-size:16px;color: #333; font-weight: 800;padding:10px 0} .ts_tan_con .h4 img{ position:absolute; top: 10px; right: 10px; display: block; width: 15px;} .ts_tan_con .con{ width:100%; padding: 10px 0; max-height:260px; overflow-y: scroll} .ts_tan_con .con img{ width:100%;} .ts_tan_con .con p{ font-size:14px; color: #666; line-height: 1.8em} .ts_tan_con .btn_c{ width:100%;margin-top: 10px; color: #fff; background: #f82d40; padding: 10px 0; text-align: center; font-size: 14px; border-radius: 5px} .tuandui_con{ width:100%;} .tuandui_con .tp_c{width:100%;background-size: 100%;background:url(../images/xz_bgimg.png) no-repeat top;background-size:100% 100%;height: 120px;} .tuandui_con .tp_c .lt_c{ float:left; width: 60%} .tuandui_con .tp_c .lt_c img{ display: block; width: 40px; height: 40px; border-radius: 50%; float: left} .tuandui_con .tp_c .lt_c span{ float:left; display: block;width:calc(100% - 40px); padding-left: 10px; line-height: 40px; color: #fff; box-sizing: border-box; font-size: 14px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;} .tuandui_con .rt_c{ float:right; width: 40%} .tuandui_con .rt_c img{ display: block; float: left; width: 40px; height: 40px;border-radius: 50%;} .tuandui_con .rt_c .txt{ float:right;padding-left: 5px; width: calc(100% - 40px)} .tuandui_con .rt_c .txt span{ font-size:14px; color:#fff ;} .tuandui_con .rt_c .txt p{ font-size:12px; color:rgba(255,255,255,0.5)} .tuandui_con .cn_c{width: 95%;margin: -100px auto 0;position: relative;z-index: 3;} .tuandui_con .cn_c .cn_tpc{width:100%;background: #fff;padding: 10px 0 0;border-radius: 5px;box-shadow: 0 0 10px rgba(0,0,0,0.1)} .tuandui_con .cn_c .cn_tpc .one{ width:33.33%;min-height: 60px; float: left; text-align: center} .tuandui_con .cn_c .cn_tpc .one span{font-size: 14px; color: #333; font-weight: 800} .tuandui_con .cn_c .cn_tpc .one p{ font-size:12px; color: #999; margin-top: 5px;} .tuandui_con .cn_c .cn_tpc .one p img{ display:inline-block; width: 18px; height: 18px; position: relative; top: -2px; margin-left: 5px;} .tuandui_con .zc_navcon{width:100%;padding: 15px 10px 5px;} .tuandui_con .zc_navcon .nv_one {width:25%; float:left;position: relative; text-align: center; padding: 5px 0} .tuandui_con .zc_navcon .nv_one span{display: inline-block;font-size: 14px;} .tuandui_con .zc_navcon .nv_one .jian {position:relative;display: inline-block;zoom: 0.5;top: -14px;margin-left: 12px;} .tuandui_con .zc_navcon .nv_one .jian div{ border: 2px solid #999; border-width: 0px 1px 1px 0px; display: inline-block; position: absolute; margin: 1px 0; right:0; padding: 5px;} .tuandui_con .zc_navcon .nv_one .up { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); top: -5px; } .tuandui_con .zc_navcon .nv_one .down { transform: rotate(45deg); -webkit-transform: rotate(45deg);} .tuandui_con .zc_navcon .nv_one .up.on{ border-color: #031cf3} .tuandui_con .zc_navcon .nv_one .down.on{ border-color: #031cf3} .tuandui_con .zc_navcon .ss_c{float:right;width: 45%;border: 1px solid #eee;border-radius: 5px;padding: 5px 10px;} .tuandui_con .zc_navcon .ss_c img{float:left;display: block;width: 20px;height: 20px;} .tuandui_con .zc_navcon .ss_c input{float: right;width: calc(100% - 23px);font-size: 14px;border: none;padding-left: 5px;} .zong_lrcon{ width:100%;} .zong_lrcon .top_c{width:100%;text-align: center;padding: 20px 0 40px;background:url(../images/top_bgim.jpg) no-repeat bottom;} .zong_lrcon .top_c span{color:#fff;font-weight: 800;font-size: 20px;} .zong_lrcon .top_c p{color:rgba(255,255,255,0.8);font-size: 13px;margin-bottom: 5px} .zong_lrcon .bottom_c{ width:95%; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius: 5px; margin: -20px auto 0;} .zong_lrcon .bottom_c .one{ width:50%; float: left; text-align: center; padding: 25px 0} .zong_lrcon .bottom_c .one span{ color:#333; font-weight: 800; font-size: 18px;} .zong_lrcon .bottom_c .one p{ color:#999; font-size:12px; margin-top: 5px} .fxhy_con{ position:relative; padding: 40px 0; width: 100%; height: 100vh; background: #212121;} .fxhy_con .swiper-container-horizontal>.swiper-pagination-bullets{bottom: -7px;} .fxhy_con .swiper-container { width: 100%; height: 530px; margin: 20px auto; overflow: initial; } .fxhy_con .swiper-slide { text-align: center; font-size: 18px; background: #fff; width: 80%; position:relative; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .fxhy_con .swiper-slide:nth-child(2n) { width: 80%; } .fxhy_con .swiper-slide img{ width:100%; height: 100%} .fxhy_con .swiper-slide .con{ width:90%; background: #fff; position: absolute;bottom: 30px; left: 5%; padding: 15px 10px; border-radius: 5px;} .fxhy_con .swiper-slide .con .lt_c > img{ float: left; width: 50px; height: 50px; border-radius: 50%;} .fxhy_con .swiper-slide .con .txt{ float:right; width:calc(100% - 50px); padding-left: 10px; position: relative; text-align: left} .fxhy_con .swiper-slide .con .txt span{ font-size:14px; color: #333333} .fxhy_con .swiper-slide .con .txt p{ font-size:12px; color: #999; margin-top: 5px;} .fxhy_con .swiper-slide .con .txt img{position:absolute; top: 0; right:0; display: block; width: 40px; height:40px;} .fxhy_con .btn_c{ position: absolute; bottom: 10px; left: 2.5%; width: 95%; background: linear-gradient(to right, #fa6127,#ed933f);color: #fff;font-size: 14px; text-align: center; height: 50px; line-height: 50px; border-radius: 50px;} .pyqrw_con{ width:100%; min-height: 100vh; background:#1637c8; padding-bottom: 100px} .pyqrw_con .p_c{width:100%; padding: 10px 0; text-align: center; font-size: 14px; color: #fff;} .pyqrw_con .con{ width:80%; margin: 0 auto; position: relative} .pyqrw_con .con .xz_con{ position:absolute; top: 0;right: 0; padding: 10px;} .pyqrw_con .con .xz_con img{ display:block; width: 40px; float:left; margin-left: 10px; height: 40px; border-radius: 50%; background: #fff; padding: 5px; box-sizing: border-box;} .pyqrw_con .con > img{ width:100%;} .pyqrw_con .con_c{ width:90%; background: #fff; position: absolute;bottom: 30px; left: 5%; padding: 15px 10px; border-radius: 5px;} .pyqrw_con .con_c .lt_c > img{ float: left; width: 50px; height: 50px; border-radius: 50%;} .pyqrw_con .con_c .txt{ float:right; width:calc(100% - 50px); padding-left: 10px; position: relative; text-align: left} .pyqrw_con .con_c .txt span{ font-size:14px; color: #333333} .pyqrw_con .con_c .txt p{ font-size:12px; color: #999; margin-top: 5px;} .pyqrw_con .con_c .txt img{position:absolute; top: 0; right:0; display: block; width: 40px; height:40px;} .pyqrw_con .top_c{background:url(../images/pyq_topimg.jpg) no-repeat bottom; background-size: 100% ;padding: 20px 30px;} .pyqrw_con .top_c span{ font-size:24px; color: #fff; font-weight: 800;} .pyqrw_con .top_c p{font-size:14px;color: #fff;margin: 10px 0;} .pyqrw_con .top_c em{font-size: 12px;color: #333;background: #ffc107;padding: 5px 10px;} .pyqrw_con .btm_c{ position: fixed; bottom: 0; left: 0; background: #1637c8; padding: 10px; text-align: center; width: 100%} .pyqrw_con .btm_c span{ font-size: 14px; color: #fff;} .pyqrw_con .btm_c p{ font-size:12px; color: rgba(255,255,255,0.5); margin-top: 5px; margin-bottom: 5px;} .pyqrw_con .btm_c .btn_kt{width:100%; border-radius: 5px; color: #333;text-align: center; font-size: 14px; height: 40px; line-height: 40px; background:#ffc107;} .xy_zccon{ position: relative; z-index: 9; width: 100%; text-align: center; margin: 30px 0 0; } .xy_zccon .danxuan {width: 20px; display: inline-block;position: relative; margin-right: 5px; top: 5px;} .xy_zccon .danxuan input.radio1 { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; display: block;} .xy_zccon .danxuan i { left:0; width: 20px; height: 20px; background: url(../images/choose_3_1.png) no-repeat center; background-size: 100% 100%; margin-right: 10px; display: block; float: left;} .xy_zccon .danxuan b { font-size: 14px; color: #666; float: left; font-weight: 800; line-height: 30px; } .xy_zccon .danxuan input.radio1:checked ~i { background: url(../images/choose_3_2.png) no-repeat center; background-size: 100% 100%; } .xy_zccon p{display:inline-block;font-size: 14px;color: #999;line-height: 20px;} .xy_zccon p a{ color: #118BD8; margin-left: 5px;font-size: 14px;} .teamlist_con{ width:100%; background: #fff;padding: 10px; min-height: 400px;} .teamlist_con .one{ background: #f8f8f8; padding: 10px; border-radius: 5px; margin-bottom: 10px;} .teamlist_con .one .tp_c{ width:100%; border-bottom: 1px solid #f1f1f1; padding-bottom: 10px; position: relative;} .teamlist_con .one .tp_c em{position:absolute;bottom: 3px;right: 0;font-size: 10px;color: #999;zoom: 0.8;} .teamlist_con .one .tp_c > img{ float:left;display: block; width: 60px; height: 60px; border-radius: 50%;} .teamlist_con .one .tp_c .text{float:left;width: calc(100% - 60px);padding-left: 10px;position: relative;} .teamlist_con .one .tp_c .text span{font-size: 14px; color: #333333; display: block; width: 100%} .teamlist_con .one .tp_c .text p{font-size:12px;display: inline-block;border: 1px solid #eee;padding: 5px 10px;border-radius: 5px;background: #f9f9f9;color: #999;margin-top: 10px;} .teamlist_con .one .tp_c .text p img{ display:block; width: 15px; float: left; margin-right: 5px} .teamlist_con .one .btm_c{ width:100%; padding-top:10px;} .teamlist_con .one .btm_c .one_c{ float:left; width: 30%;} .teamlist_con .one .btm_c .one_c:nth-child(3){ width:20%} .teamlist_con .one .btm_c .one_c:nth-child(4){ width:20%} .teamlist_con .one .btm_c .one_c span{font-size:14px; color: #333333} .teamlist_con .one .btm_c .one_c p{ font-size:12px; color: #999; margin-top: 5px;} .zz_tancon{ position:fixed; bottom: 0; left: 0; background: #fff; padding: 10px; z-index: 99; width: 100%; display: none; border-radius: 10px 10px 0 0;} .zz_tancon .tp_c{ width:100%; text-align: center; margin-bottom: 10px;} .zz_tancon .tp_c span{ font-size:14px; color: #333;} .zz_tancon .tp_c img{ display:block; width: 50px; height: 50px; border-radius: 50%; margin: 10px auto 0} .zz_tancon .cen_c{ width:100%;} .zz_tancon .cen_c p{ margin-bottom:10px; font-size: 14px; color: #666;} .zz_tancon .cen_c p em{ float:right; color: #f00;} .zz_tancon .cen_c input{ width:100%; border: 1px solid #eee; border-radius: 5px; height: 40px; font-size: 14px; text-align: center;color: #333;} .zz_tancon .btm_c{ width:100%; display: flex; margin-top: 10px;} .zz_tancon .btm_c .btn_e{flex: 1; margin: 0 10px; background: #f8f8f8; color: #787878; text-align: center; font-size: 14px; padding: 12px 0; border-radius: 5px;} .zz_tancon .btm_c .btn_c{flex: 1; margin: 0 10px; background: #f82d40; color: #fff; text-align: center; font-size: 14px; padding: 12px 0; border-radius: 5px;} .xz_zztancon{position:fixed;bottom: 50px;left:0;width: 100%;padding: 10px;z-index: 999; display: none} .xz_zztancon .close_x{position:absolute;top: -5px;right: -2px;display: block;width: 30px;z-index: 3;} .xz_zztancon .con{box-sizing: border-box;-webkit-overflow-scrolling: touch;position: relative;top: 0;left: 0;overflow-x: auto;overflow-y: hidden;white-space: nowrap;background: rgba(0,0,0,0.1);border-radius: 10px;padding: 10px;} .xz_zztancon .con .one{-webkit-box-flex: 1;-webkit-flex-grow: 1;flex-grow: 1;-webkit-flex-shrink: 0;flex-shrink: 0;display: inline-block;width:60px;height: 60px;border-radius: 50%;padding: 10px;position: relative;background: rgba(0,0,0,0.3);margin-right: 10px;} .xz_zztancon .con .one.on{ background:#FFf; } .xz_zztancon .con .one i{background: #f00;border-radius: 50%;font-size: 12px;width: 15px; text-align: center;position:absolute;top: 0;right: 0;color: #fff;font-style: normal;padding: 2px;zoom: 0.8;} .xz_zztancon .con .one img{ display:block; margin:0 auto; width: 100%;} .shiming_rzcon { width:95%; margin:10px auto; background:rgba(255,255,255,0.5); border-radius:10px; padding:15px; box-sizing:border-box;} .shiming_rzcon ul li select{ width: 100%; background: none; border: none; color: #fff; line-height:35px; height:35px; font-size: 14px} .shiming_rzcon ul{background: #fff;width: 100%;margin: 0 auto;border-radius: 10px;} .shiming_rzcon ul li{border-bottom: 1px solid #f8f8f8;padding:10px;position:relative;} .shiming_rzcon ul li:last-child{ border-bottom:none;} .shiming_rzcon ul li::after{ content:""; display:block; clear:both;} .shiming_rzcon ul li .sz_zfb{ width:100px; font-size:14px; color:#333; line-height:35px;} .shiming_rzcon ul li .sz_name{ width:calc(100% - 100px); font-size:14px ; color:#333; line-height:35px;} .shiming_rzcon ul li .sz_name input{ width:100%; background:none; border:none; color:#333; font-size:14px; line-height:35px;} .shiming_rzcon ul li .sc_btn{ position:absolute; bottom:5px; right:10px; width:120px; height:35px; line-height:35px;} .shiming_rzcon ul li .sc_btn input{ width:100%; height:100%; position:absolute; top:0; left:0; opacity:0;} .shiming_rzcon ul li .sc_btn span{ width:100%; height:30px;line-height:30px; background:#ff3e71; color:#fff; font-size:14px; display:block; border-radius:5px; text-align:center} .shiming_rzcon ul li .one{ width:48.5%; float:left; margin-right:3%; position:relative; height:95px; border:1px solid #eee; overflow:hidden; border-radius:5px; margin-bottom:10px;} .shiming_rzcon ul li .one input{ opacity:0; display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:9} .shiming_rzcon ul li .one:nth-child(2n){ margin-right:0} .shiming_rzcon ul li .one img{ width:100%; height:100%} .xz_navul{width:100%;padding:10px 0;background: #fff;margin: 10px auto 0;} .xz_navul .li{ float:left; width:25%; text-align:center;} .xz_navul .li p{ font-size:14px; color:#999} .xz_navul .li i{ display:none; width:25px; height:2px; background:#fa6228; border-radius:10px; margin:5px auto 0;} .xz_navul .li.on p{ color:#fa6228} .xz_navul .li.on i{ display:block} .xz_navcon{ width:100%} .xz_navcon .con_one{ display: none; padding:10px;} .xz_navcon .con_one:nth-child(1){ display: block} .xz_navcon .con_one .one{ width:100%; border-radius:10px; padding:10px; background:#fff; margin-bottom:10px;} .xz_navcon .con_one .one img{ float:left; width:60px; height:60px; border-radius:50px; margin-top:15px} .xz_navcon .con_one .one .text{ float:left; width:calc(100% - 60px); padding-left:10px;} .xz_navcon .con_one .one .text h3{ font-size:14px; color:#333; margin-bottom:5px;} .xz_navcon .con_one .one .text h3 em{background: linear-gradient(to right, #fa6127, #ed933f); color:#fff; font-size:12px; padding:0 8px; border-radius:10px 0 10px 10px; margin-left:10px;} .xz_navcon .con_one .one .text p{ font-size:12px; color:#999; margin-bottom:5px;} .xz_navcon .con_one .one .text p:last-child{ margin-bottom:0} .xz_navcon .con_one .tiao_one{width:100%;background:#fff;padding:10px;border-radius: 5px;margin-bottom:10px;} .xz_navcon .con_one .tiao_one span{ float:left; font-size:14px; color:#333} .xz_navcon .con_one .tiao_one .tiao_c{float:left;margin: 5px 5px 0;width:70%;background: #f1f1f1;height:10px;border-radius:10px;overflow:hidden;} .xz_navcon .con_one .tiao_one .tiao_c .tiao_k{ display:block; background: linear-gradient(to right, #fa6127, #ed933f); border-radius:10px; height:10px;} .xz_navcon .con_one .tiao_one em{float: right;color:#333;font-size:14px;} .xz_navcon .con_one .cj_one{ width:100%; background:#fff; border-radius:5px ; margin-bottom:10px;} .xz_navcon .con_one .cj_one .cj_top{ width:100%; padding:10px; } .xz_navcon .con_one .cj_one .cj_top span{ float:left; font-size:14px; color:#333; line-height:18px;} .xz_navcon .con_one .cj_one .cj_top em{ float:left; font-size:14px; color:#333; margin-left:10px; line-height:18px;} .xz_navcon .con_one .cj_one .cj_top img{ float:right; display:block; width:18px; height:18px;} .xz_navcon .con_one .cj_one .cj_center{ border-top:1px solid #f1f1f1; padding:10px;} .xz_navcon .con_one .cj_one .cj_center img{ float:left; width:60px; height:60px; border-radius:50px; margin-top:15px} .xz_navcon .con_one .cj_one .cj_center .text{ float:left; width:calc(100% - 60px); padding-left:10px;} .xz_navcon .con_one .cj_one .cj_center .text h3{ font-size:14px; color:#333; margin-bottom:5px;} .xz_navcon .con_one .cj_one .cj_center .text h3 em{background: linear-gradient(to right, #fa6127, #ed933f); color:#fff; font-size:12px; padding:0 8px; border-radius:10px 0 10px 10px; margin-left:10px;} .xz_navcon .con_one .cj_one .cj_center .text p{ font-size:12px; color:#999; margin-bottom:5px;} .xz_navcon .con_one .cj_one .cj_center .text p i{ color:#fa6228; float:right; font-style:normal;} .xz_navcon .con_one .cj_one .cj_center .text p em{ color:#fa6228; } .xz_navcon .con_one .cj_one .cj_center .text p span{ float:right} .xz_navcon .con_one .cj_one .cj_center .text p:last-child{ margin-bottom:0} .xz_navcon .con_one .cj_two{ width:100%; background:#fff; border-radius:5px ; margin-bottom:10px;} .xz_navcon .con_one .cj_two .cj_top{ width:100%; padding:10px; } .xz_navcon .con_one .cj_two .cj_top span{ float:left; font-size:14px; color:#333; line-height:18px;} .xz_navcon .con_one .cj_two .cj_top em{ float:left; font-size:14px; color:#333; margin-left:10px; line-height:18px;} .xz_navcon .con_one .cj_two .cj_top img{ float:right; display:block; width:18px; height:18px;} .xz_navcon .con_one .cj_two .cj_center{ border-top:1px solid #f1f1f1; padding:10px; display:none} .xz_navcon .con_one .cj_two .cj_center img{ float:left;width:60px; height:60px; border-radius:50px; margin-top:15px} .xz_navcon .con_one .cj_two .cj_center .text{ float:left; width:calc(100% - 60px); padding-left:10px;} .xz_navcon .con_one .cj_two .cj_center .text h3{ font-size:14px; color:#333; margin-bottom:5px;} .xz_navcon .con_one .cj_two .cj_center .text h3 em{background: linear-gradient(to right, #fa6127, #ed933f); color:#fff; font-size:12px; padding:0 8px; border-radius:10px 0 10px 10px; margin-left:10px;} .xz_navcon .con_one .cj_two .cj_center .text p{ font-size:12px; color:#999; margin-bottom:5px;} .xz_navcon .con_one .cj_two .cj_center .text p:last-child{ margin-bottom:0} .zhJS_con{ width:100%; padding:10px;} .zhJS_con .one{background: linear-gradient(45deg, #ffffff,#ffece5,#ffffff);border-radius:10px;margin-bottom:10px;padding:10px;} .zhJS_con .one h3{ width:100%; text-align:right; font-size:13px; color:#333; line-height:20px; margin-bottom:10px;} .zhJS_con .one h3 em{background: linear-gradient(to right, #fa6127, #ed933f); color:#fff; font-size:14px; float: left; padding:0 10px; border-radius:0 10px 10px 10px; font-weight:800; } .zhJS_con .one .JS_center{ background:#fff; padding:10px;} .zhJS_con .one p{font-size:14px;color: #333;margin-bottom: 8px;} .zhJS_con .one p em{ color:#fa6127; float:right;} .zhJS_con .one .tiao_c{float:left;margin: 5px 0 10px;width:100%;background: #f8f8f8;height:10px;border-radius:10px;overflow:hidden;border:1px solid #f1f1f1;} .zhJS_con .one .tiao_c .tiao_k{ display:block; background: #ed933f; border-radius:10px; height:10px;} .STL_con{ width:100%; padding:10px;} .STL_con .one{ width:100%; border-radius:10px; position:relative; padding:20px; margin-bottom:10px;} .STL_con .one h3{font-size: 24px;font-style:italic;font-weight:800;margin-bottom:8px;} .STL_con .one h3 em{display:inline-block;background:#ff2929;color:#fff;padding: 2px 8px;border-radius:20px;font-size:12px;margin:0 0 0 10px;position:relative;top: -3px;} .STL_con .one p{ font-size:14px;} .STL_con .one img{position:absolute;top: 2px;width: 90px;height: 90px;right: 10px;} .STL_con .one:nth-child(1){background: linear-gradient(to right, #e9f1ff,#e7e7ff);} .STL_con .one:nth-child(1) h3{color:#1e3181} .STL_con .one:nth-child(1) p{ color:#1e3181} .STL_con .one:nth-child(2){background: linear-gradient(to right, #fee6e6,#ffebf3);} .STL_con .one:nth-child(2) h3{color:#8c2b3b} .STL_con .one:nth-child(2) p{ color:#8c2b3b} .STL_con .one:nth-child(3){background: linear-gradient(to right, #e6fefc,#ebf0ff);} .STL_con .one:nth-child(3) h3{color:#215e76} .STL_con .one:nth-child(3) p{ color:#215e76} .STL_con .one:nth-child(4){background: linear-gradient(to right, #e6eafe,#f4f8ff);} .STL_con .one:nth-child(4) h3{color:#1b2c74} .STL_con .one:nth-child(4) p{ color:#1b2c74} .STL_con .one:nth-child(5){background: linear-gradient(to right, #fefae6,#f2ffea);} .STL_con .one:nth-child(5) h3{color:#5e3915} .STL_con .one:nth-child(5) p{ color:#5e3915} .xzJZ_con{ width:100%;} .xzJZ_con .top_con{ background: linear-gradient(#e14710, #cba27c);padding: 20px 0 50px;border-radius: 0 0 30px 30px;} .xzJZ_con .top_con .img{ width:60px; height:60px; margin:0 auto 10px; overflow:hidden; border-radius:50%;} .xzJZ_con .top_con .img img{ width:100%; height:100%;} .xzJZ_con .top_con .tiao_c{width:100%;position:relative;display: block;height: 5px;margin: 45px 0;} .xzJZ_con .top_con .tiao_c .i{position:absolute;top: -28px;left: 50%;width:66px;text-align:center;margin-left: -30px;} .xzJZ_con .top_con .tiao_c .i p{ font-size:12px; color:#fff;} .xzJZ_con .top_con .tiao_c .i i{display:block;width:10px;height:10px;border-radius:50%;background:#832401;margin:10px auto 5px;} .xzJZ_con .top_con .tiao_c .i.on i{ background:#fff; box-shadow:0 0 5px rgba(255,255,255,0.5)} .xzJZ_con .top_con .tiao_c .i_o{position:absolute;top: -30px;left: 80%;width:60px;text-align:center;margin-left: -30px;} .xzJZ_con .top_con .tiao_c .i_o p{ font-size:12px; color:#fff;} .xzJZ_con .top_con .tiao_c .i_o i{ display:block; width:8px; height:8px; border-radius:50%; background:#832401; margin:12px auto 5px;} .xzJZ_con .top_con .tiao_c .i_o span{ background:rgba(255,255,255,0.2); color:#fff; font-size:12px; padding:0 5px; border-radius:10px;} .xzJZ_con .top_con .tiao_c .xian_c{ width:100%; height:3px; background:#832401;} .xzJZ_con .top_con .tiao_c .xian_c .xian_k{ background:#fff; height:3px; border-radius:3px;} .xzJZ_con .top_con .text_p{ width:100%; text-align:center;} .xzJZ_con .top_con .text_p p{ font-size:14px; color:#fff; margin-bottom:5px;} .xzJZ_con .center_con{ width:95%; margin:-40px auto 0; background:#fff; padding:10px 20px; border-radius:10px;} .xzJZ_con .center_con .p{ width:100%; margin:10px 0;} .xzJZ_con .center_con .p img{ float:left; display:block; width:15px; height:15px; margin-right:5px;} .xzJZ_con .center_con .p span{ float:left; font-size:14px; color:#333; font-weight:800; line-height:15px;} .xzJZ_con .center_con p{ font-size:14px; color:#666; line-height:1.8em} .xzJZ_con .btn_c{ width:80%; margin:20px auto;} .xzJZ_con .btn_c a{background: linear-gradient(to right, #fa6127, #ed933f); color:#fff; font-size:14px; width:100%; display:block; text-align:center; height:40px; line-height:40px; border-radius:50px;} .JZSH_con .SHnav{ background:#fff; padding:10px 0} .JZSH_con .SHnav .li{ float:left; width:25%; text-align:center;font-size:14px; color:#999} .JZSH_con .SHnav .li i{ display:none; width:25px; height:2px; background:#fa6228; border-radius:10px; margin:5px auto 0;} .JZSH_con .SHnav .li.on{ color:#fa6228} .JZSH_con .SHnav .li.on i{ display:block} .JZSH_con .sscon{width: 95%;background: #fff;padding: 5px 10px;border-radius: 50px;margin: 10px auto;} .JZSH_con .sscon img{ float:left; display: block; width: 23px; height: 23px;} .JZSH_con .sscon input{ float:left; display:block; width: calc(100% - 25px); padding-left: 10px; background: none; border: none; font-size:14px; color: #333;} .JZSH_con .xnav_ul{ width:100%; padding:0 10px;} .JZSH_con .xnav_ul .xli{ float:left; width:32%; margin-right:2%; background:#fff; padding:5px 0; border-radius:5px; font-size:14px; text-align:center;} .JZSH_con .xnav_ul .xli:nth-child(3n){ margin-right:0} .JZSH_con .xnav_ul .xli.on{background: linear-gradient(to right, #fa6127, #ed933f); color:#fff; font-size:14px; } .JZSH_con .xcon_one .xone_con{ display: none; padding:10px;} .JZSH_con .xcon_one .xone_con:nth-child(1){ display: block} .JZSH_con .xcon_one .xone_con .xone_c{ background:#fff; border-radius:10px; padding:10px; margin-bottom:10px;} .JZSH_con .xcon_one .xone_con .xone_c .p{ padding:0 0 10px;} .JZSH_con .xcon_one .xone_con .xone_c .p img{ float:left; display:block; width:15px; height:15px; margin-right:5px;} .JZSH_con .xcon_one .xone_con .xone_c .p span{ float:left; line-height:15px; font-size:14px; color:#333;} .JZSH_con .xcon_one .xone_con .xone_c .p em{ float:right; line-height:15px; font-size:14px; color:#999} .JZSH_con .xcon_one .xone_con .xone_c .center{ width:100%; background:#f8f8f8; border-radius:5px; padding:10px;} .JZSH_con .xcon_one .xone_con .xone_c .center p{ font-size:13px; color:#666; margin-bottom:10px;} .JZSH_con .xcon_one .xone_con .xone_c .center .sh_btn{ width:100%; text-align:right} .JZSH_con .xcon_one .xone_con .xone_c .center .sh_btn a{ display:inline-block; padding:2px 14px; border-radius:30px;background:linear-gradient(to right, #0070ff, #3fa5ed);font-size:14px; color:#fff;} .JZSH_con .xcon_one .xone_con .xone_c .center .sh_btn a:nth-child(2){ display:inline-block; padding:2px 14px; border-radius:30px;background: linear-gradient(to right, #fa6127, #ed933f); font-size:14px; color:#fff;} .JZSH_con .xcon_one .xone_con .xone_c .center img{ display:block; width:100px; height:100px; margin-bottom:10px;} .JZSH_con .xcon_one .xone_con .xone_c .center p i{font-style:normal;text-align:right;float: right;} .JZSH_con .xcon_one .xone_con .xone_c .center p em{float:right;background: #fff1eb;color: #fa6228;padding: 0 5px;border-radius: 10px;} .xz_SJconnum{ width:95%; margin:10px auto; padding:10px 10px 1px; background:#fff; border-radius:10px;} .xz_SJconnum .one{ float:left; width:50%; margin-bottom:10px;} .xz_SJconnum .one span{ float:left; color:#999; font-size:14px;} .xz_SJconnum .one p{ float:left; color:#333; font-size:14px;} .xz_SJconnum .one img{ float: left; display:block; width:15px; height:15px; margin:2px 0 0 5px;} .DKxzCON{ width:100%;} .DKxzCON .top_con{ background:url(../images/xz_bgimg.png) no-repeat top;background-size:100% 100%; padding:20px 0 40px; text-align:center;} .DKxzCON .top_con h3{ font-size:28px; color:#fff;} .DKxzCON .top_con h3 em{ font-size:14px} .DKxzCON .top_con p{ font-size:14px; color:#fff;} .DKxzCON .center_con{ width:95%; margin:-20px auto 0; position:relative;} .DKxzCON .center_con .one{ width:100%; background:#fff; border-radius:5px; padding:10px; margin-bottom:10px;} .DKxzCON .center_con .one span{ float:left; font-size:14px; color:#666;} .DKxzCON .center_con .one p{ float:right; font-size:14px; color:#333;} .DKxzCON .center_con .one em{ display:inline-block; background:linear-gradient(to right, #fa6127, #ed933f); padding:0 5px; border-radius:10px 0 10px 10px; font-size:12px; color:#fff; margin-right:5px;} .DKxzCON .center_con .two{ width:100%; background:#fff; border-radius:5px;margin-bottom:10px; } .DKxzCON .center_con .two .p{ padding:10px;} .DKxzCON .center_con .two span{ float:left; font-size:14px; color:#666;} .DKxzCON .center_con .two p{ float:left; font-size:14px; color:#333;} .DKxzCON .center_con .two img{ float:left; display:block; width:15px; height:15px; margin:4px 0 0 5px;} .DKxzCON .center_con .three{ width:100%; background:#fff; border-radius:5px;padding:10px;margin-bottom:10px; } .DKxzCON .center_con .three .img{ float:left; width:48.5%; margin-right:3%;} .DKxzCON .center_con .three .img img{ width:100%;} .DKxzCON .center_con .three .img:nth-child(2n){ margin-right:0} .DKxzCON .center_con .ly_con{ width:100%; background:#fff; border-radius:5px;padding:10px;margin-bottom:10px; } .DKxzCON .center_con .ly_con span{ float:left; font-size:14px; color:#666;} .DKxzCON .center_con .ly_con textarea{float:right; font-size:14px; color:#666; border:none; height:20px; width:70%; line-height:20px; display:block;} .DKxzCON .center_con .dkjt_con{ width:100%; background:#fff; border-radius:5px;padding:10px;margin-bottom:10px; } .DKxzCON .center_con .dkjt_con span{ display:block; width:100%; font-size:14px; color:#666; margin-bottom:10px;} .DKxzCON .center_con .dkjt_con .sc_c{ width:120px; height:120px; position:relative;} .DKxzCON .center_con .dkjt_con .sc_c input{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:0} .DKxzCON .center_con .dkjt_con .sc_c img{ width:100%; height:100%;} .DKxzCON .btn_c{ width:100%; text-align:center; margin:20px auto 50px } .DKxzCON .btn_c p{ font-size:14px; color:#fa6127} .DKxzCON .btn_c .btn_cc{ width:95%; margin:10px auto 0;} .DKxzCON .btn_c .btn_cc a{ float:left;background:linear-gradient(to right, #fa6127, #ed933f); font-size:14px; color:#fff; width:70%; text-align:center; height:40px; line-height:40px; border-radius:50px;} .DKxzCON .btn_c .btn_cc button{ float:right; border-radius:50px;height:40px; border:1px solid #fa6127; font-size:14px; color:#fa6127; width:28%; background:#fff;} .xzJL_list{width:95%;margin:0 auto 10px;background: linear-gradient(180deg, #fadacd,#fff);border-radius:10px;padding: 5px 10px 1px;text-align: center;} .xzJL_list h3{font-size:16px;font-weight:800;margin: 2px auto 10px;display: inline-block;text-align: center;background: linear-gradient(180deg, #fa6127,#ed933f);border-radius: 50px;color: #fff;padding: 2px 25px;border: 5px solid #f18639;width: 100%;} .xzJL_list .one{ float:left; width:30%; text-align:center;margin-right: 2.66%; margin-bottom:10px;} .xzJL_list .one img{width: 115px;height: 80px;border-radius:10px;margin: 0 auto;} .xzJL_list .one:nth-child(3n){ margin-right:0} .xzJL_list .one p{ font-size: 12px; color: #666; text-align: center; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; width: 90%; margin: 5px auto 0; } .xzJL_listone{width:95%;margin:0 auto 10px;background: linear-gradient(180deg, #fa6127,#ed933f);border-radius:10px;padding: 5px 10px 1px;} .xzJL_listone h3{font-size:16px;font-weight:800;margin: 2px auto 10px;display: block;text-align: center;background: linear-gradient(180deg, #feefe2,#fad6af);border-radius: 50px;color: #fa6127;padding: 5px 0;border: 5px solid #f7c186;} .xzJL_listone .one{float:left;width:23%;text-align:center;margin-right: 2.66%;margin-bottom:10px;background: #fdfbed;border-radius: 10px;padding: 5px 0 5px;} .xzJL_listone .one img{width: 60px;height: 60px;border-radius:10px;margin: 0 auto;} .xzJL_listone .one:nth-child(4n){ margin-right:0} .xzJL_listone .one p{ font-size: 12px; color: #8a5327; text-align: center; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; margin: 5px auto 0; background: linear-gradient(180deg, #feefe2,#fad6af); display: inline-block; padding: 0 10px; border-radius: 10px; } .xzdealercon{ width: 95%; margin: -40px auto 0; background: #fff; padding: 15px 10px 0; border-radius: 10px; } .xzdealercon .deatit{ width:100%; margin-bottom: 10px;} .xzdealercon .deatit img{ float:left; display: block; width: 20px; height: 20px} .xzdealercon .deatit p{ float:left; font-size:14px; color: #333; margin-left: 5px; font-weight: 800} .xzdealercon .con .one{ width: 20%; text-align: center; float: left; margin-bottom: 10px;} .xzdealercon .con .one i{display:block; width: 40px;height: 40px; background: url(../images/xzhgimg.png) no-repeat top; background-size: 100%; margin: 0 auto} .xzdealercon .con .one p{ font-size:13px; color: #a0a0a0} .xzdealercon .con .one.on i{ background-position: bottom} .xzdealercon .con .one.on p{ color:#ff8500} .xzdescribe {width:95%;margin: 20px auto;padding: 0 10px;} .xzdescribe .p{ width:100%; margin:10px 0;} .xzdescribe .p img{float:left;display:block;width: 20px;height: 20px;margin-right: 3px;padding: 2px;box-sizing: border-box;} .xzdescribe .p span{float:left;font-size:14px;color:#333;font-weight:800;line-height: 20px;} .xzdescribe p{ font-size:14px; color:#666; line-height:1.8em}