body { margin: 0; font-family: "微软雅黑"; font-size: 14px; line-height: 1.43; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block } a { background-color: transparent } p{ margin: 0; } /*a:active, a:hover { outline: 0; background-color: inherit; }*/ h4{ margin: 15px 0 ; } ul,li{ list-style-type: none; padding: 0; margin: 0; } .text-left { text-align: left; } .text-right{ text-align: right; } .text-center{ text-align: center; } .red{ color: red; } .hui{ color: #5e5e5e; } .blue{ color: #587efe; } /*.btn{ display: inline-block; padding: 8px 14px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; text-decoration: none; }*/ .buju .right .btn-sm { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } /*.btn-default{ color: inherit; background-color: #fdfdfe; border-color: #ccc; } .btn-warning{ color: #fff; background-color: #fd8231; border-color: #fd8231; } .btn-primary{ color: #fff; background-color: #6492fe; border-color: #6492fe; }*/ .btn-blue{ color: #fff; background-color: #0f8fd1; border-color: #0f8fd1; } /*.btn-danger{ color: #fff; background-color: #f52828; border-color:#f52828; }*/ .btn-fangka{ color: #fff; background-color: #74befe; border-color: #74befe; } .btn-suoka{ color: #fff; background-color: #fd522a; border-color: #fd522a; } .btn-suoka:hover{ background-color: #ac492a; border-color: #ac492a; } .btn-blue:hover{ background-color: #0c5382; border-color: #0f64a0; } .margin-top20{ margin-top: 20px; } .margin-top5{ margin-top: 5px; } .mt_bt{ margin-top: 5px; /*border-top: 1px solid #b3b3b3;*/ } .mt-l{margin-right: 10px;} .width20{ width: 20%; } .width10{ width: 15%; } .hidden{ display: none; } .bg_hui{ background-color: #ebebeb; margin-bottom: 50px; } .count_full{ position: relative; overflow-y: scroll; } .count_full_xs{ padding: 10px; } .buju{ background-color: #fdfdfe; border-radius: 6px; overflow: hidden; display: block; height: auto; position: relative; margin: 10px; } .buju>.count{ height: 163px; } .buju>.left, .buju>.count, .buju>.right{ display: table-cell; vertical-align: middle; } .left .header_img{ border-radius: 50%; width: 50px; height: 50px; margin: 0 12px 12px 12px; } .count p{ margin: 0 0 2px 0; color: #7b7877; } .right{ position: absolute; right: 4%; top: 6%; } .right .logo{ width: 70px; height: 70px; top: -20px; position: absolute; right: 0; } .vip-link{ position: absolute; right: 5px; bottom: 5px; } .yaqingma{ padding: 0 10px; } .yaqingma p{ line-height: 1.65; margin-bottom: 15px; } .nav_ul, .footer .footer_ul{ list-style-type: none; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; display: flex; padding: 0; margin: 0; } .nav_ul li{ -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; float: left; text-align: center; padding: 15px 0; } .nav_ul.bang li.active{ color: #4b8af3; border-bottom: 3px solid #4b8af3; } .nav_ul.kaka li.active{ color: #000000; border-bottom: 3px solid #8e7cee; } .nav_ul.ziji li.active{ color: #000000; border-bottom: 3px solid #74befe; } .wanjia{ text-align: center; margin: 20px; } .wanjia .fenxiang, .closes { width: 50%; font-size: 18px; } .wanjia .erweima_img{ display: block; margin: 20px auto 0 auto; height: auto; width: 65%; } .footer{ position: fixed; bottom: 0; left: 0; right: 0; background-color: #fdfdfe; filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696',Direction=135, Strength=5);/*for ie6,7,8*/ -moz-box-shadow:0 0 35px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0 0 35px rgba(0, 0, 0, 0.5); box-shadow:0 0 35px rgba(0, 0, 0, 0.5); height: 50px; } .footer .footer_ul{ padding-top: 7px; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; } .footer .footer_ul li{ float: left; text-align: center; padding: 0; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .footer .footer_ul li a{ text-decoration: none; color: inherit; display: block; } .footer .footer_ul li a img{ width: 18px; height: 18px; } .footer .footer_ul li a p{ font-size: 12px; } .chongka .rowh{ border-top: 1px solid #e5e5e5; padding: 10px; position: relative; } .chongka .rowh:first-child{ border-top: none; } /*.chongka .rowh.he,*/ .yaoqm .yqm_input{ height: 38px; line-height: 38px; } .chongka .rowh .name, .yaoqm .yqm_input .name{ width: 100px; text-align: right; display: inline-block; } .chongka .rowh .input{ outline: none; border: none; width: 50%; height: 40px; line-height: 40px; } .chongka .rowh .chaxun{ position: absolute; right: 20px; } .chongka .rowh.conkabtn{ height: 100px; padding-top: 20px; } .ck_jiru{ padding: 10px; } .ck_jiru .cha_time{ position: relative; } .ck_jiru .cha_time .shijian_input, .yaoqm .yqm_input .input, .yaoqingma .bdyaoqingma_input, .lianxi_input, .baimingdan .bm-input input{ border-radius: 6px; /*margin-top: 10px;*/ margin-bottom: 20px; height: 30px; width: 60%; text-align: center; } .ck_jiru .cha_time .time_c{ position: absolute; right: 0; top: 30px; padding: 10px 10%; } .ckjr_table, .gk_table{ width: 100%; border-spacing: 0; border-collapse: collapse; } .ckjr_table tbody tr{ border-top: 1px solid #e5e5e5; } .ckjr_table tbody tr:first-child{ border-top: none; } .ckjr_table tbody tr td{ padding: 10px 5px; vertical-align: middle; } .ckjr_table tbody tr td.num{ width: 20px; } .ckjr_table tbody tr td .header{ width: 70px; height: 70px; border-radius: 50%; /*padding-left: 6%;*/ } .ckjr_table tbody tr td p{ font-size: 12px; margin-bottom: 8px; } .ckjr_table tbody tr td .btn{ margin-bottom: 5px; } .suoyaofk, .quanxian{ padding: 20px 4%;!important; overflow: hidden; } .suoyaofk>.btn{ font-size: 18px; width: 34%; margin-right: 2%; margin-left: 2%; margin-bottom: 20px; display: inline-block; height: 38px; line-height: 38px; } .gk_table tbody{ width: 100%; } .gk_table tbody tr{ height: 50px; border-bottom: 1px solid #b3b3b3; text-align: center; } .wj_header{ width: 100%; background-color: #fd522a; height: 40px; line-height: 40px; color: #ffffff; text-align: center; position: relative; } .wj_header>.block_f{ color: inherit; position: absolute; left: 10px; text-decoration: none; } .wj_header>.block_f img{ position: absolute; top: 9px; } .wj_header>.block_f .fah_font{ margin-left: 25px; } .wj_suoyao>.left{ width: 161px; text-align: center; padding: 5px 10px 0 10px; float: left; } .wj_suoyao .left .toux_img{ border-radius: 50%; width: 60px; height: 60px; } .wj_suoyao .left p{ text-align: left; font-size: 14px; } .wj_suoyao .left .footer_btn .btn{ width: 50%; margin-top: 3px; } .wj_suoyao>.right{ width: 68%; margin-top: -4%; float: left; } .wj_suoyao .po_r{ position: relative; } .wj_suoyao .sanjiao{ position: absolute; width: 0; height: 0; border-top: 8px solid transparent; border-right: 18px solid #ffffff; border-bottom: 8px solid transparent; z-index: 99; left: -18px; bottom: 5%; } .suoka_table{ height: 257px; overflow-y: scroll; } .yaoqm{ padding: 20px; } .yaoqm .bd_btn{ margin-top: 40px; text-align: center; } .yaoqm .bd_btn .btn{ width: 50%; } .cz_success{ padding: 12px; } .cz_success p{ margin-bottom: 12px; position: relative; line-height: 1.65; } .cz_success p .red{ position: absolute; right: 12px; font-size: 22px; } .yaoqingma .bm{ padding: 30px 0; } .yaoqingma .y_bdm .sy_sm{ padding: 0 0 20px 0; } .bm{ position: relative; } .bm p{ margin-bottom: 15px; height: 30px; line-height: 30px; } .bm .revise{ position: absolute; right: 0; text-decoration: none; height: 30px; line-height: 30px; } /*----------------------------------------------*/ /*动画*/ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; z-index: 100; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(40px); -ms-transform: translateX(40px); transform: translateX(40px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } .bg_mei{ background-color: #f5f5f5; font-size: 14px; } .header{ background-color: #2b2b2b; color: #ffffff; height: 40px; line-height: 40px; width: 100%; text-align: center; } .header .img{ position: absolute; left: 0; top: 10px; padding-left: 10px; height: 18px; } .header .text_wen{ position: absolute; top: 7px; height: 25px; line-height: 25px; padding-left: 10px; left: 20px; } .header .text_wen.left_20{ left: 20%; } .header .home-sy{ color: inherit; position: absolute; right: 0; display: block; padding: 0 15px; top: 0; text-decoration: none; } .header .select{ position: absolute; right: 10px; height: 25px; width: 52%; top: 7px; } .meirishulan_table{ width: 100%;background-color: #fdfdfe;text-align: center; height: 38px; line-height: 38px; margin-bottom: 80px; } .meirishulan_table .bobotton_tr th{ border-bottom: 1px solid #eeeeee; border-collapse:separate; } .meiri_footer{ position: fixed; display: flex; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; bottom: 0; right: 0; left: 0; background-color: #eff2f9; } .meiri_footer a{ -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: center; height: 48px; line-height: 48px; color: inherit; text-decoration: none; border-top: 1px solid #4a4e5a; border-bottom: 1px solid #4a4e5a; } .meiri_footer a.meiri{ border-right: 1px solid #4a4e5a; } .meiri_footer a.active{ background-color: #4a4e5a; color: #ffffff; } .zhib_buju{ width: 100%; overflow: hidden; float: left; } .zhib_buju .left_zhib{ width: 36%; height: 500px; overflow-y: scroll; top: 40px; left: 0; bottom: 0; position: fixed; text-align: center; float: left; } .zhib_buju .right_zhib{ width: 64%; height: 480px; overflow-y: scroll; top: 40px; right: 0; position: fixed; float: left; } .zhib_buju .left_zhib ul{ margin-bottom: 80px; } .zhib_buju .left_zhib ul li{ } .zhib_buju .left_zhib ul li a{ background-color: #e6e6e6; text-decoration: none; display: block; padding: 12px 8px; margin-top: 5px; color: #525252; } .zhib_buju .left_zhib ul li a.active, .zhl-xs-3 ul li.active{ color: #fff; background: -moz-linear-gradient(left, #fd8c01, #fb5401); background: -webkit-gradient(linear,0% 100%,100% 100%,from(#fd8c01),to(#fb5401)); background: -webkit-linear-gradient(left, #fd8c01, #fb5401); background: -o-linear-gradient(left, #fd8c01, #fb5401); background: -ms-linear-gradient(left, #fd8c01, #fb5401); border-color: rgb(253, 253, 254); background-color: #FF5722; color: #ffffff; } #Announcement{height:64px;width:100%;overflow:hidden;} #Announcement p{height:60px;overflow:hidden;padding: 5px;} .olprompt{padding-left: 5px;line-height: 2;} /*------------------------------------------------*/ .xsnumber{ display: flex; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; text-align: center;padding: 5px 0; } .xsnumber .sl{ -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;padding: 5px 0 } .xsnumber .sl a{color: inherit;text-decoration: none;} .xsnumber .sl i{ font-size: 22px; margin-bottom: 10px; color: #fff; border-radius: 50%; padding: 15px; } .xsnumber .sl a:active i{ padding: 13px; } .xsnumber .sl .glyphicon-yen{ background-color: #ec6356; } .xsnumber .sl .glyphicon-share{ background-color: #f79814; } .xsnumber .sl .glyphicon-comment{ background-color: #2590d7; } .xsnumber .sl .glyphicon-qrcode{ background-color: #e46154; } .sm-font{ font-size: 12px; } .mb-10{ margin-bottom: 10px; } .xsnumber .sl .winput { width: 60%; height: 30px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .lbtable thead tr th,.lbtable tbody tr td{text-align: center} .fons-14{font-size: 14px;} @media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) { .wj_suoyao>.right{ width: 63%; } .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{font-size: 12px;} .chongka .rowh .input{width: 45%;} } /*------------------------------------------------------------------*/ .zhl-xs-3{ width: 36% ; max-height: 700px; float: left; overflow-y: auto; } .zhl-xs-9{ width: 64%; max-height: 700px; float: left; overflow-y: auto; } .zhl-xs-3::-webkit-scrollbar, .zhl-xs-9::-webkit-scrollbar { display: none; } .zhl-xs-3 ul li{ width: 100%; text-align: center; background-color: #DDDDDD; margin-bottom: 3px; padding: 14px 0; } .zhl-xs-3 ul li a{ color: inherit; display: inline-block; text-decoration: none; } /*#vuenum .zhl-xs-3 ul li.active{*/ /*.zhl-xs-3 ul li.active{ color: #fff; background: -moz-linear-gradient(left, #587efd, #117cfb); background: -webkit-gradient(linear,0% 100%,100% 100%,from(#587efd),to(#117cfb)); background: -webkit-linear-gradient(left, #587efd, #117cfb); background: -o-linear-gradient(left, #587efd, #117cfb); background: -ms-linear-gradient(left, #587efd, #117cfb); border-color: rgb(253, 253, 254); background-color: #587efd; color: #ffffff; }*/ .zha-huadong{ margin-top: 45px; margin-bottom: 45px; } /*3.0---------------------------*/ .nav-h{ border: 0px solid black; box-sizing: border-box; display: flex; -webkit-box-orient: horizontal; flex-direction: row; align-content: flex-start; flex-shrink: 0; position: relative; width: auto; height: auto; top: 0px; } .nav-h-x{ border-bottom: 1px solid #ddd; position: relative; box-sizing: border-box; display: flex; -webkit-box-orient: horizontal; flex-direction: row; align-content: flex-start; flex: 1 1 0%; -webkit-box-flex: 1; width: auto; height: 55px; overflow-y: scroll; } .nav-h-x::-webkit-scrollbar { width: 0px; height: 0px; } .nav-h-x-a{ border: 0px solid black; position: relative; box-sizing: border-box; display: flex; -webkit-box-orient: horizontal; flex-direction: row; align-content: flex-start; flex-shrink: 0; } .huad-left{ position: absolute;line-height: 56px;height:56px;right: 10px;top: 0; } .huad-left .shouzhi{ position: absolute;left: -30px;top: 20px; /* 设置默认样式,开启3d硬件加速 */ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); /* 设置动画,animation:动画名称 动画播放时长单位秒或微秒 动画播放的速度曲线linear为匀速 动画播放次数infinite为循环播放; */ -webkit-animation:play 1.2s linear infinite; -moz-animation:play 1.2s linear infinite; animation:play 1.2s linear infinite; } @-webkit-keyframes play{ 0% { -webkit-transform: translateX(60px); -ms-transform: translateX(60px); transform: translateX(60px); } 10% { -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); } 20% { -webkit-transform: translateX(40px); -ms-transform: translateX(40px); transform: translateX(40px); } 50% { -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } } @-moz-keyframes play{ 0% { -moz-transform:translateX(60px); } 10% { -moz-transform:translateX(50px); } 20% { -moz-transform:translateX(40px); } 50% { -moz-transform:translateX(30px); } 80% { -moz-transform:translateX(20px); } 100% { -moz-transform:translateX(10px); } } @keyframes play{ 0% { -webkit-transform: translateX(60px); -ms-transform: translateX(60px); transform: translateX(60px); } 10% { -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); } 20% { -webkit-transform: translateX(40px); -ms-transform: translateX(40px); transform: translateX(40px); } 50% { -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } } .my-center{ position: absolute; bottom: 15px; right: 11px; padding: 2px 8px; } .dis-block{ display: block; } .row-on{ height: 54px;line-height:53px;width: auto;position: relative; margin: 0 10px; border-bottom: 1px solid #e5e5e5; } .row-on .glyphicon-chevron-right{ position: absolute; right: 5px; top: 23px; } .row-on a{ padding-left: 5px; color: initial; } .row-on a .glyphicon:first-child{ margin-right: 10px; color: #fff; padding: 6px; border-radius: 4px; } .row-on a .glyphicon:first-child.red{ background-color: #e54c2e; } .row-on a .glyphicon:first-child.blue{ background-color: #508fcc; } .row-on a .glyphicon:first-child.yellow{ background-color: #e6a101; } .row-on a .glyphicon:first-child.wblue{ background-color: #00adee; } #myTabContent .row-on a:link {background-color: #ffffff;} #myTabContent .row-on a:visited {background-color: #ffffff;} #myTabContent .row-on a:hover {background-color: #f3f3f3;text-decoration: none;} #myTabContent .row-on a:active {background-color: #f3f3f3;text-decoration: none;} .dfs{ color: #7b7877; font-size: 10px; position: absolute; bottom: 23px; left: 12px; } #vuenum .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{ color: #000000; border-bottom: 4px solid #8e7cee; border-top: none; border-right: none; border-left: none; } #vuenum .nav > li > a{ padding: 15px; color: inherit; } #myTabContent .bor-bott-none{border-bottom: none;} #myTabContent .nav-tabs, #vuenum .nav-tabs{ border-bottom: none; } .shuzhi{ background-color: red; padding: 1px 5px; border-radius: 50%; position: absolute; left: 2px; top: 6px; display: inline-table; color: #fff; text-align: center; font-size: 10px; } .header-pos-fix{ position: fixed;z-index: 2 } #syfk .btn.focus, .btn:focus, .btn:hover{ color: #ffffff; } /*zhl*/ #ckyuan{ margin: 10px 0px 10px 0px; } #ckyuan .am-u-sm-4 { padding: 0px; } #ckyuan .am-u-sm-4 .yuanf{ background-color: white;margin:0px 5px 0px 5px ;border: 1px solid rgb(14, 144, 210);border-radius: 5px;position:relative; } #ckyuan .am-u-sm-4 .yuanf.active{ background-color: #2696fc; border: 1px solid #2696fc; color: #ffffff; } .fon-lg{ font-size: 25px; } #ckyuan .am-u-sm-4 .yuanf .zhangka{ font-size: 13px;margin: 5px 0px 5px 0px; } .yingfje{ font-size: 16px; margin: 0px 0px 5px 10px; } .cor-ul{ margin: 0px 0px 10px 0px;color: white } .zhifufs{ font-size: 12px; ;color: #ababab;padding: 10px 0px 10px 10px; } .baimingdan{ margin: 10px 15px; } .baimingdan .wjbm-ul{ } .baimingdan .wjbm-ul li{ border-bottom: 1px solid #cbcbcb; padding: 15px 10px; position: relative; } .baimingdan .wjbm-ul li:nth-of-type(odd) { background-color: #f9f9f9; } .baimingdan .wjbm-ul li .delete{ position: absolute; right: 10px; top: 6px; } .baimingdan .bm-input{ padding: 15px 0; position: relative; } .baimingdan .bm-input input{ } .baimingdan .bm-input .btn{ position: absolute; right: 0; top: 13px; } .dlxuzhi{ background: #fff; z-index: 0; top: 25px; left: 0; right: 0; bottom: 0;z-index: 0; padding: 15px; } .dlxuzhi p,.text-indent p{ text-indent: 30px; margin-bottom: 5px; line-height: 1.6; } .margin-left-30{ margin-left: 30px; } .margin-left-5{ margin-left: 5px; } .margin-left-30 label{ margin: 15px 15px 15px 0; } .margin-left-30 label:nth-child(3){ margin-top: 0; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .text-block{ width: 90%; } .text-overflow{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: inherit; } /*代理自购*/ .products { padding-top: 15px; } .product-box { float: left; width: 46%; margin-left: 2.5%; margin-bottom: 4.5%; } .product-box label { display: block; text-align: center; border: 1px solid #0e90d2; border-radius: 6px; margin: 0; padding-bottom: 10px; } .product-box label h3 { margin: 10px 0; } .product-box .active { background-color: #2697fc; color: #fff; } .nav-tabs { border-bottom: none; } .checkbox label{ margin-left: 20px; margin-bottom: 20px; } .checkbox .goumai{ padding: 0 20px; } .mh-radio .he label{ font-size: 16px; text-align: center; width: 40%; padding: 15px; border-radius: 6px; background-color: #fbfbfd; border:1px solid #cbcbcb; } .mh-radio .he label input[type="radio"]{ display: none; } .mh-radio .he label.active{ color: #FFFFFF; background-color: #74befe; border-color: #74befe; } .chengse{color: #A66B4C;} .yji-input-width{ width: 40px; } .ckjr_table .va-bottom{vertical-align: bottom;} .ckjr_table .va-bottom .btn{padding: 1px 8px;margin-bottom: 0;} .zjgouka .btn{display: inline-table; width: 42%;} .pt8 {padding-top: 8px;} .pt3 {padding-top: 3px;} .pl0 {padding-left: 0} .pr0 {padding-right: 0}