/***********公共样式start************/ /* site icon */ .icon { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; } /* Icon Color */ .icon-danger{ fill: red!important; } /* Icon Size */ .icon-size-md{font-size: 16px;} .icon-size-lg{font-size: 20px;} .icon-size-lg2{font-size: 24px;} .icon-size-lg3{font-size: 27px;} .icon-size-lg4{font-size: 30px;} .icon-size-lg5{font-size: 34px;} /* Icon XY */ .icon-xy{position: relative; margin-bottom: -4px;} .icon-phone-only{display: none;} .curr-name-phone-none{display: initial;} @media only screen and (max-width: 500px) { .icon-phone-only{display:inherit;} } /* bootstrap */ .btn-danger{border-color: #de2826;} /* jquery ui 样式冲突 start*/ .ui-datepicker .ui-datepicker-prev { left: 1px; } .ui-datepicker .ui-datepicker-title { display: flex; } .ui-datepicker .ui-datepicker-next { right: 1px; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top: 1px; border: 1px solid transparent; } .ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover { border-color: #ddd; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{ text-align: center; } #ui-datepicker-div{ min-width: 230px; } #ui-timepicker-div-due_date{ padding: 0 10px; } .ui-widget.ui-widget-content{ } .tooltip-inner{ -ms-word-break: break-all; word-break: break-all; text-align: left; } .contact_sendbox { display: flex; padding: 6px 0 12px; align-items: center; } .contact_sendbox .btn{ padding: 6px 12px; } .prompt_text{ color: #DDDDDD; padding: 5px 0; font-size: 15px; } .margin_center{ margin: 0 auto; } #contact_send{ flex-grow: 1; padding: 6px; resize: none; font-size: 13px; height: 100px; margin-right: 10px; border-radius: 5px; } .system_maintenance{ position: fixed; bottom: 0; text-align: center; width: 100%; } .system_maintenance h1{ padding: 10px 0; color: #FF0039; font-size: 26px; background: rgba(0,0,0,0.8); } .system_maintenance h1:hover{ color: #fff; } /*查看更多*/ .message_view_more{ text-align: center; padding: 0 3px; color: red; } .message_view_more span{ cursor: pointer; padding: 6px 20px; border: 1px solid; text-align: center; border-radius: 5px; } .imgboxdengji{ height: 40px; width: 23px; text-align: center; display: flex; align-items: center; } /* jquery ui 样式冲突 start*/ p#back-to-top{ position:fixed; display:none; bottom:100px; right:0px; z-index: 1000; } p#back-to-top img{ width: 55px!important; } /*回到顶部*/ p#back-to-top a{ text-align:center; text-decoration:none; color:#d1d1d1; display:block; width:64px; -moz-transition:color 1s; -webkit-transition:color 1s; -o-transition:color 1s; } p#back-to-top a:hover{ color:#979797; } p#back-to-top a span{ border-radius:6px; /*display:block;*/ height:64px; width:56px; margin-bottom:5px; -moz-transition:background 1s; -webkit-transition:background 1s; -o-transition:background 1s; display: none; } body,html { margin: 0; font-size: 12px; color: #444444; /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/ /*font-family: 'Goth';*/ font-family: Goth; } ul,li,ol,li,h1,h2,h3,h4,h5,h6,dd,dt,p { list-style: none; padding: 0; margin: 0; } button:focus,button:active { outline: 0 !important; } .fasong button:active,.fasong button:focus{ border-color: inherit !important; } img{ max-width: 100%; } input { padding: 0 10px; } .rt { float: right; } .lf { float: left; } .small_title { color: #a9a9a9; } .mp0 { margin: 0; padding: 0; } .border_radius{ border-radius: 4px; } .container_box { padding: 0 15px; max-width: 1344px; margin: 0 auto; } .phonevisible { display: none !important; } .message_symbol{ width: 24px; height: 14px; border: 2px solid #706666; border-radius: 23px; display: flex; justify-content: center; align-items: center; position:relative; box-sizing: content-box; } .message_symbol .circle{ width: 3px; height: 3px; border-radius: 50%; background: #706666; margin-right: 2px; box-sizing: content-box; } .message_symbol .circle:nth-child(3){ margin-right: 0; } .message_symbol .borderbox{ width: 6px; height: 10px; background: #FAFAFC; position: absolute; top: 12px; left: 6px; transform: rotate(-17deg); z-index: 100; box-sizing: content-box; } .message_symbol .border { width: 5px; height: 2px; border: 2px solid transparent; border-bottom-color: #706666; border-left-color: #706666; transform: skewX(-30deg) skewY(-6deg) translateX(-2px) translateY(-1px); box-sizing: content-box; } .wenhao { width: 18px; height: 18px; border-radius: 50%; text-align: center; line-height: 18px; background: #C4C4CE; color: #fff; cursor: pointer; margin-left: 10px; } .transition_03 { transition: all 0.3s ease-in-out; } table a:not(.btn), .table a:not(.btn) { text-decoration: none; } .p_radio label { display: inline-block; } .p_radio label .p_label { display: flex; align-items: center; padding: 10px 0; } .p_radio label .p_label .radiobox { height: 22px; width: 22px; background-color: #fff; border: 1px solid #ccc; border-radius: 50%; margin-right: 10px; position: relative; } .p_radio label .p_label input { display: none; } .p_radio label .p_label input:checked + .radiobox { background-color: #6ec8c7; border: 1px solid #6ec8c7; } .p_radio label .p_label input:checked + .radiobox .circleradio { position: absolute; left: 6px; top: 6px; width: 10px; height: 10px; background-color: #fff; border-radius: 50%; } .p_checkbox label { display: inline-block; } .p_checkbox label .p_label { display: flex; align-items: center; padding: 10px 0; } .p_checkbox label .p_label .radiobox { height: 22px; width: 22px; background-color: #fff; border: 1px solid #0270BC; margin-right: 10px; position: relative; text-align: center; line-height: 22px; } .p_checkbox label .p_label .radiobox .circleradio { margin: 0; font-size: 16px; color: transparent; } .p_checkbox label .p_label input { display: none; } .p_checkbox label .p_label input:checked + .radiobox { background-color: #9550F5; border: 1px solid #9550F5; } .p_checkbox label .p_label input:checked + .radiobox .circleradio { color: #fff; } @font-face { font-family: 'bebas_neue'; src: url("../fonts/Gatty-Bold.otf"); font-weight: 700; font-display: swap; font-style: normal;/*英文大写缩小距离*/ } @font-face { font-family: 'Goth'; src: url("../fonts/Roboto-Regular.ttf"); font-weight: 700; font-display: swap; font-style: normal;/*英文大写缩小距离*/ } @font-face { font-family: 'Goth_pro'; src: url("../fonts/Gotham-Pro-reg.ttf"); font-weight: 700; font-display: swap; font-style: normal;/*英文大写缩小距离*/ } @font-face { font-family: 'Gothbold'; src: url("../fonts/Roboto-Medium.ttf"); font-weight: 700; font-display: swap; font-style: normal;/*英文大写缩小距离*/ } [disabled],button[disabled] { background: #DDD; cursor: no-drop; } .pagination { margin: 0; } .pagination > li { margin: 20px 0; display: inline-block; } select + .am-selected .am-selected-content { max-height: 216px; overflow-y: auto; } /*没有数据*/ .noth { color: #737387; } .noth .tu { padding-top: 20px; display: flex; justify-content: center; align-items: center; } .noth .tu .box { width: 40px; height: 40px; background: #737387; border-radius: 50%; text-align: center; line-height: 40px; color: #fff; font-size: 30px; } .noth .tu span { font-size: 60px; } .noth .wenben { font-size: 12px; padding: 30px 0 50px; display: flex; justify-content: center; align-items: center; } .tuanniu { height: 50px; width: 50px; cursor: pointer; } .tuanniu img { max-width: 100%; max-height: 100%; } .tuanniu:first-child { margin-left: 0; } .icdfile { text-align: center; cursor: pointer; position: relative; } .icdfile .imgbox { width: 200px; height: 140px; display: flex; justify-content: center; align-items: center; } .icdfile .imgbox img { height: 100%; width: auto; max-width: 100%; } .icdfile .addtian { display: flex; justify-content: center; align-items: center; } .icdfile .addtian span { border-radius: 20px; padding: 8px 20px; background: #00C085; opacity: 0.8; color: #fff; } .icdfile .addtian span:hover { opacity: 1; } /*自定义select*/ .selectall,.multiple_choice{ position: relative; } .selectall .selectanniu ,.multiple_choice .click_box{ width: 100%; max-width: 464px; border-radius: 5px; border: 1px solid #ddd; height: 42px; position: relative; cursor: pointer; } .multiple_choice .click_box{ height: auto; position: relative; min-height: 42px; } .selectall .selectanniu .wenben ,.multiple_choice .click_box .the_default { padding-left: 10px; height: 42px; line-height: 42px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 90% !important; } .multiple_choice .click_box .the_content_box{ padding-left: 10px; height: auto; display: flex; text-overflow: ellipsis; overflow: hidden; flex-wrap: wrap; align-items: center; width: 90% !important; min-height: 42px; } .multiple_choice .click_box .the_content_box .contentboxli{ display: flex; width: 110px; border: 1px solid #ddd; border-radius: 8px; height: 30px; overflow: hidden; padding: 0 5px; margin: 5px 5px; align-items: center; justify-content: space-between; } .multiple_choice .click_box .the_content_box .content_text{ display: block; width: 70px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .multiple_choice .click_box .the_content_box .content_close{ border: 1px solid #ddd; border-radius: 50%; width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; font-size: 20px; cursor: pointer; } .selectall .selectanniu .border ,.multiple_choice .click_box .border{ border: 6px solid transparent; border-top-color: #000; position: absolute; right: 10px; top: 17px; } .selectall .ulbox ,.multiple_choice .ulbox{ position: absolute; top: 42px; left: 0; height: auto; background: #fff; width: 100%; max-width: 464px; border: 1px solid #ddd; border-top: 0; z-index: 500; } .multiple_choice .ulbox{ top: unset; } .selectall .ulbox .inputbox ,.multiple_choice .ulbox .inputbox{ padding: 4px; } .selectall .ulbox .inputbox .text,.multiple_choice .ulbox .inputbox .text{ width: 100%; border-radius: 5px; border: 1px solid #DDDDDD; height: 26px; } .selectall .ulbox .ulboxzi,.multiple_choice .ulbox .ulboxzi { height: auto; max-height: 192px; overflow-y: auto; position: relative; } .selectall .ulbox .ulboxzi .libox ,.multiple_choice .ulbox .ulboxzi .libox{ padding: 0 4px; height: 32px; line-height: 32px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; } .one-row-and-two-col .libox{ /* New 2022-11-17 */ width: 50%; float: left; } .one-row-and-two-col .libox:first-child{ width: 100%; } .selectall .ulbox .ulboxzi .libox.active{ background: #DDDDDD; } .multiple_choice .ulbox .ulboxzi .libox.active{ } .selectall .ulbox .ulboxzi .libox:hover,.multiple_choice .ulbox .ulboxzi .libox:hover { background: #EFEFF4; } .multiple_choice .ulbox .ulboxzi .libox{ display: flex; justify-content: space-between; align-items: center; } .multiple_choice .ulbox .ulboxzi .libox .text_li{ display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .multiple_choice .ulbox .ulboxzi .libox .glyphicon{ padding: 0 10px; color: blue; min-width: 40px; opacity: 0; } .multiple_choice .ulbox .ulboxzi .libox [type='checkbox']:checked ~.glyphicon{ opacity: 1; } .width50b { width: 50%; } .yibantitle { margin-bottom: 50px; } .yibantitle .yuan { width: 40px; height: 40px; text-align: center; line-height: 40px; border: 1px solid #898997; border-radius: 50%; font-size: 20px; } .yibantitle .h3title { font-size: 24px; line-height: 24px; font-weight: 600; margin-left: 20px; } .selectamaze + .am-selected { width: 100%; } .selectamaze + .am-selected .am-selected-content { height: auto; overflow-y: auto; max-height: 224px; } /*卖家创建列表信息*/ .sellxinxi { position: relative; min-width: 300px; /*max-width: 464px;*/ max-width: 100%; border-radius: 4px; border: 1px solid #ddd; /*padding: 20px 55px;*/ padding: 20px 20px 5px 55px; margin: 10px 0; margin-left: 60px; } .sellxinxi.sellorder{ max-width: 100%; margin: 0 0 16px; background: #fff; } .sellxinxi.sellorder .time_box{ color: #fff; background: red; padding: 3px 10px; } .sellxinxi .buttonbox{ margin: 20px 0; } .sellxinxi .buttonbox .btn{ background: #DE2826; text-align: center; vertical-align: top; font-weight: 700; font-family: 'bebas_neue'; letter-spacing: 1px; font-size: 18px; line-height: 18px; padding: 13px 28px; text-transform: uppercase; color: #fff; border: 0; border-radius: 30px; position: relative; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .sellxinxi .buttonbox .btn.accept{ margin-left: 20px; background: #20C082; } .sellxinxi .buttonbox .btn.reject:hover{ background: #ce3434; } .sellxinxi .buttonbox .btn.accept:hover{ background: #269469; } .sellxinxi .reject_submit{ border-radius: 5px; } .sellxinxi .border_c { position: absolute; width: 6px; height: 100%; top: 0; bottom: 0; left: 0; border-radius: 6px; } .sellxinxi .border_c.yellow { background: #F5B140; } .sellxinxi .border_c.red { background: #F03726; } .sellxinxi .border_c.blue { background: #0097DF; } .sellxinxi .glyphicon { position: absolute; left: 20px; top: 20px; font-size: 22px; } .sellxinxi .glyphicon.yellow { color: #F5B140; } .sellxinxi .glyphicon.red { color: #F03726; } .sellxinxi .glyphicon.blue { color: #0097DF; } .sellxinxi .wenben { margin-bottom: 21px; line-height: 19px; font-size: 14px; word-wrap: break-word; } .sellxinxi.sellorder .wenben{ margin-bottom: 0; line-height: 26px; } .sellxinxi.sellorder .border_c{ width: 4px; } .tanboxall { position: relative; } .pm0 { padding: 0; margin: 0; } /*添加联系方式图片*/ .google { height: 24px; width: 24px; background-image: url('../images/google.png'); } .google.qq { background-image: url('../images/qq.png'); } .google.Skype { background-image: url('../images/skype.png'); } .google.Wechat { background-image: url('../images/wechat.png'); } .google.Line { background-image: url('../images/line.png'); } .google.Messenger { background-image: url('../images/messager.png'); } .google.Whatsapp { background-image: url('../images/whatsapp.png'); } .google.Others { background-image: url('../images/qita.png'); } .tankuangrelative { position: relative; } .alltankuang { z-index: 1000; text-align: left; border: 1px solid #747489; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 10px 15px; min-width: 300px; max-width: 300px; color: #b9b9cb; background-color: #353550; position: absolute; left: -50%; top: 80px; display: none; } .alltankuang .text_p { font-size: 13px; font-weight: normal; } .alltankuang .contentbox { margin: 15px 0; } .alltankuang .contentbox .inputbox { position: relative; } .alltankuang .contentbox .inputbox .inputtext { width: 100%; height: 40px; background: #fff; border: 1px solid #d7d7e0; color: #525257; font-size: 13px; line-height: 16px; padding: 12px 13px 12px; display: block; transition: all 0.3s ease-in-out; -webkit-appearance: none; border-radius: 4px; box-shadow: inset 2px 2px 3px 0 rgba(124, 124, 143, 0.1); padding-right: 24px; } .alltankuang .contentbox .inputbox .closexx { position: absolute; right: 6px; top: 13px; font-size: 14px; cursor: pointer; color: #D1D1D1; margin: 0; } .alltankuang .contentbox .inputbox .textarea~.closexx{ top: -5px; right: -5px; background: #000; border-radius: 50%; } .alltankuang .buttonbox { display: flex; justify-content: space-between; } .alltankuang .buttonbox .btn { padding: 13px 0; width: 48%; max-width: 129px; overflow: hidden; max-height: 45px; text-align: center; vertical-align: top; font-weight: 700; letter-spacing: 1px; font-size: 18px; line-height: 18px; text-transform: uppercase; background: #f03726; color: #fff; border: 0; border-radius: 30px; position: relative; transition: all 0.3s ease-in-out; } .alltankuang .buttonbox .quxiao { padding: 13px 0; width: 48%; max-width: 129px; overflow: hidden; max-height: 45px; text-align: center; vertical-align: top; font-weight: 700; letter-spacing: 1px; font-size: 18px; line-height: 18px; text-transform: uppercase; border: 0; border-radius: 30px; position: relative; transition: all 0.3s ease-in-out; background: #fff; color: #525257; } .alltankuang .buttonbox .quxiao:hover { color: #fff; background: red; } .alltankuang .buttonbox .queding, .alltankuang .buttonbox .queding1 { padding: 13px 0; width: 48%; max-width: 129px; overflow: hidden; max-height: 45px; text-align: center; vertical-align: top; font-weight: 700; letter-spacing: 1px; font-size: 18px; line-height: 18px; text-transform: uppercase; border: 0; border-radius: 30px; position: relative; transition: all 0.3s ease-in-out; background: #20c082; color: #fff; } .alltankuang .buttonbox .queding:hover, .alltankuang .buttonbox .queding1:hover { background: #269469; } .alltankuang .buttonbox2 { display: flex; justify-content: space-between; } .alltankuang .allbuttonbox { display: flex; justify-content: space-between; padding-top: 16px; } .alltankuang .allbuttonbox button{ padding: 8px 12px; font-size: 14px; border: 0; background: #fff; border-radius: 3px; min-width: 110px; } .alltankuang .allbuttonbox button:hover{ background: #000; color: #fff; } .alltankuang .buttonbox2 button { padding: 13px 0; width: 48%; max-width: 129px; overflow: hidden; max-height: 45px; text-align: center; vertical-align: top; font-weight: 700; letter-spacing: 1px; font-size: 18px; line-height: 18px; text-transform: uppercase; background: #737489; color: #BBBCCF; border: 0; border-radius: 6px; position: relative; transition: all 0.3s ease-in-out; } .alltankuang .border { position: absolute; width: 0; margin: 0 auto; left: 0; right: 0; top: -12px; border-bottom-color: #565669; } .alltankuang .baocuo { width: 100%; margin-top: 10px; min-height: 20px; line-height: 20px; } .alltankuang .motai { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #575668; } .alltankuang .motai img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } /*验证符号*/ .yanzhen { position: relative; width: 16px; height: 16px; margin-right: 8px; cursor: pointer; } .yanzhen .yanzhenbox { width: 16px; height: 16px; background: #16da8e; transform: rotatez(-45deg); border-radius: 4px; } .yanzhen .dui { position: absolute; top: 0; left: 3px; color: #fff; font-size: 12px; } /*提示消息*/ .infoalert { position: fixed; top: 40px; height: auto; width: 100%; z-index: 999999; text-align: center; transition: all .3s linear; } .infoalert.top { top: -40px; } .infoalert .box { min-width: 380px; display: inline-block; } .infoalert .box .glyphicon { margin-right: 10px; top: 0; } .infoalert .box .boxwenben { padding-left: 20px; padding-right: 20px; display: flex; align-items: center; min-height: 40px; font-size: 13px; } .infoalert .box .boxwenben.success { background: #44e6a7; color: #fff; } .infoalert .box .boxwenben.error { background: #fb1118 url("../images/error-bgpic.png") repeat-x; color: #fff; border-radius: 0px 0px 5px 5px; border: 1px solid #890408; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px; } .infoalert .box .boxwenben.jingao { background: #FDF6EC; color: #E6A23C; } .infoalert .box .boxwenben.message { background: #EDF2FC; color: #94979D; } /*自定义title样式*/ .titlebox { position: absolute; background: #333333; color: #fff; top: calc( 100% + 10px ); padding: 6px; border-radius: 6px; z-index: 100; } .titlebox a { color: #2B7CD5; } /*背景小图*/ .icontu1 { background: url('../images/icons-2017-beta.png') no-repeat; height: 50px; width: 51px; } .amwenben { position: relative; top: -2px; } .quanping { width: 100%; } .motaikuang, .motaikuangjs { position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; background: rgba(0, 0, 0, 0.6); z-index: 1000; display: none; } .motaikuang .motaikuangbody, .motaikuangjs .motaikuangbody { width: 466px;/* 356px */ height: auto;/* 300px */ margin: 0 auto; background: #fff; margin-top: calc(50vh - 225px); border-radius: 10px; } .motaikuang .motaikuangbody .header, .motaikuangjs .motaikuangbody .header { border-radius: 10px 10px 0 0; height: 60px; display: flex; padding: 0 15px; align-items: center; position: relative; font-size: 18px; text-align: left; background: #000; color: #fff; } .motaikuang .motaikuangbody .header .closemo, .motaikuangjs .motaikuangbody .header .closemo { position: absolute; font-size: 30px; color: #9393A2; font-weight: 300; top: 9px; right: 8px; cursor: pointer; transform: rotatez(0deg); transition: transform 0.5s; } .motaikuang .motaikuangbody .header .closemo.transform, .motaikuangjs .motaikuangbody .header .closemo.transform { transform: rotatez(720deg); } .motaikuang .motaikuangbody .main, .motaikuangjs .motaikuangbody .main { padding: 30px; } .motaikuang .motaikuangbody .main .wenben, .motaikuangjs .motaikuangbody .main .wenben { margin-bottom: 10px; text-align: left;/* center */ } .motaikuangjs .main .wenben{ font-size: 14px; } .motaikuang .motaikuangbody .main .baocuo, .motaikuangjs .motaikuangbody .main .baocuo { font-size: 12px; text-align: center; } .motaikuang .motaikuangbody .main .buttonbox, .motaikuangjs .motaikuangbody .main .buttonbox { margin-top: 40px; text-align: right; } .motaikuangjs .motaikuangbody .main .buttonbox{ margin-top: 80px; } .motaikuang .motaikuangbody .main .buttonbox button, .motaikuangjs .motaikuangbody .main .buttonbox button { background: #DE2826; text-align: center; vertical-align: top; font-weight: 700; font-family: 'bebas_neue'; letter-spacing: 1px; font-size: 18px; line-height: 18px; padding: 13px 28px; text-transform: uppercase; color: #fff; border: 0; border-radius: 30px; position: relative; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: inline-block; } .motaikuang .motaikuangbody .main .buttonbox button:nth-child(2), .motaikuangjs .motaikuangbody .main .buttonbox button:nth-child(2),.motaikuangjs .motaikuangbody .main .buttonbox .confirm { background: #20c082; } .motaikuang .motaikuangbody .main .buttonbox button:hover, .motaikuangjs .motaikuangbody .main .buttonbox button:hover { background: #e24241; } .motaikuang .motaikuangbody .main .buttonbox button:nth-child(2):hover, .motaikuangjs .motaikuangbody .main .buttonbox button:nth-child(2):hover,.motaikuangjs .motaikuangbody .main .buttonbox .confirm:hover{ background: #269469; } .motaikuangjs .buttonbox .closemo { background: red !important; } .motaikuangjs .buttonbox .closemo:hover { background: #b92d2d!important; } .zitable { width: 100%; } .zitable.zitable2 td, .zitable.zitable2 th { height: 20px; font-size: 12px; border: 0; padding: 3px 6px; } .zitable th, .zitable td { text-align: center; height: 50px; font-size: 16px; border: 1px solid #F2F2F2; padding: 0 6px; } .zitable th .content, .zitable td .content { max-height: 108px; max-width: 100px; } .zitable th { font-weight: bold; border-bottom: 2px solid #D9D9D9; } .zitable .anxiang { color: #fff; background: #206bd1; border-radius: 10px; } .tablepage { margin: 30px 0; padding: 30px 0; } .wenben.jigou { text-align: left; } .wenben.jigou .jinduchaxun { color: #206bd1; margin-right: 10px; } .wenben.jigou span { font-size: 24px; } .mian_ul_img_fons2 { position: absolute; background: #206BD1; width: 90px; height: 30px; line-height: 30px; bottom: 20px; right: 18px; border-radius: 13px; color: white; display: none; } .mian_ul_img_fons { position: absolute; top: 30px; left: 0; width: 90px; height: 30px; line-height: 30px; font-size: 14px; background: #e85c56; border-radius: 0 26px 26px 0; } .mian_ul_img_fons span { font-weight: 500; color: #ffffff; } .mian_ul_img_fons1 { position: absolute; left: 20px; bottom: 22px; height: 30px; background: #81B2F4; border-radius: 14px; color: #fff; line-height: 30px; padding: 0 16px; max-width: 200px; } .navdaohangreigth { padding-right: 34px; width: auto; height: 100%; line-height: 60px; position: relative; } .navdaohangreigth input { width: 360px; height: 34px; padding-right: 28px; } .navdaohangreigth i { position: absolute; right: 40px; width: 20px; height: 20px; font-size: 20px; top: 20px; line-height: 20px; color: #206BD1; } .inputbox .inputs { width: 390px; height: 60px; margin: 20px 0; padding: 0 20px; border: 1px solid #206BD1; text-align: left; } .inputbox .inputs h3 { margin: 0; display: inline; margin-top: 18px; float: left; color: #666666; font-size: 20px; } .inputbox .inputs .el-icon-arrow-down { float: right; } .inputbox .inputs .gundong { width: 390px; background: #fff; margin-left: -21px; margin-top: 58px; height: 246px; position: relative; z-index: 2; overflow-x: hidden; } .inputbox input::-webkit-input-placeholder { color: #666; font-size: 20px; } .inputbox.flex_between .inputs { width: 180px; } .inputboxflex .inputbox .inputs { width: 180px; margin: 0; } .inputboxflex .inputbox .inputs .gundong { width: 180px; background: #fff; margin-left: -21px; margin-top: 58px; height: 246px; position: relative; z-index: 2; overflow-x: hidden; } .inputboxflex .inputbox input::-webkit-input-placeholder { color: #666; font-size: 20px; } .bottms { width: 100%; height: 100px; margin-top: 100px; margin-bottom: 150px; } .lineline { position: absolute; width: 0; bottom: 0; height: 2px; background: #206bd1; transition: all 1s; } .imgboxborder { border: 2px dashed #888; } .wenbencon { display: flex; flex-direction: column; justify-content: space-between; height: 92px; } .wenbencon .icon { color: #76a7d4; margin-right: 15px; } .contentp { font-size: 14px; font-weight: 400; color: #999999; line-height: 28px; text-align: left; } .allboxposition { position: relative; width: 100%; overflow-x: hidden; height: auto; } /* 图文 */ .imgwen { line-height: 30px; font-size: 16px; } .modalbox .model1 { width: 600px; max-height: 600px; overflow-y: auto; } .modalbox.myclass .modal-dialog { width: 920px; } .modalbox .model1.classinfo { max-width: 920px; max-height: 724px; height: 720px; width: 920px; } .modalbox .model1.classinfo .modal-body { height: calc(44%); } .modalbox.jigouzhanshi .modal-body { position: relative; } .modalbox.jigouzhanshi .zhanshiimgbox { width: 80%; height: 400px; overflow: hidden; margin: 0 auto; position: relative; } .modalbox.jigouzhanshi .zhanshiimgbox img { width: 100%; height: 400px; overflow: hidden; cursor: pointer; } .modalbox.jigouzhanshi .con { position: absolute; top: calc(25%); font-size: 30px; border-radius: 50%; background: rgba(0, 0, 0, 0.5); width: 50px; height: 50px; line-height: 50px; text-align: center; cursor: pointer; color: #fff; } .modalbox.jigouzhanshi .modal-footer { text-align: center; padding: 0 15px; border: 0; position: relative; height: 100px; } .modalbox.jigouzhanshi .modal-footer .con { position: absolute; top: calc(35%); font-size: 20px; border-radius: 50%; background: rgba(0, 0, 0, 0.5); width: 30px; height: 30px; line-height: 30px; text-align: center; cursor: pointer; color: #fff; } .modalbox.jigouzhanshi .con:hover { background: rgba(0, 0, 0, 0.1); color: #000; } .modalbox.jigouzhanshi .modal-header { border: 0; padding: 0; } .modalbox.jigouzhanshi .modal-header .close { position: absolute; top: -12px; right: -12px; border-radius: 50%; background: #fff; width: 30px; height: 30px; line-height: 30px; opacity: 1; } .modalbox.jigouzhanshi .modal-header .close span { border-radius: 50%; background: #777777; width: 24px; height: 24px; line-height: 24px; display: inline-block; color: #fff; } .modalbox.jigouzhanshi .modal-header .close span:hover { background: #2E8DED; } .modalbox.jigouzhanshi .lf { left: 10px; } .modalbox.jigouzhanshi .rt { right: 10px; } .modalbox.jigouzhanshi .modal-dialog { width: 1000px; height: 100vh; } .modalbox.jigouzhanshi .model1 { width: 1000px; height: 100vh; max-height: 600px; overflow: visible; min-width: 400px; } .modalbox.jigouzhanshi .xiaotubox { position: relative; width: 900px; height: 100px; overflow: hidden; margin: 0 auto; } .modalbox.jigouzhanshi .xiaotuimgbox { width: max-content; position: absolute; height: 100px; line-height: 100px; } .modalbox.jigouzhanshi .xiaotuimgbox .xiaotuimgdabbox { width: 300px; height: 100px; border: 0; float: left; } .modalbox.jigouzhanshi .xiaotuimgbox .xiaotuimgdabbox img { width: 80%; } .modalbox.jigouzhanshi .xiaotuimgbox .xiaotuimgdabbox.active img { box-sizing: border-box; border: 4px solid blue; } .modalbox .model1 img { width: 50%; } .modalbox { background: rgba(0, 0, 0, 0.1); width: 100vw; height: 100vh; position: fixed; } .modalbox .modal-dialog { width: 800px; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; display: flex; justify-content: center; align-items: center; } /* 上传样式 */ .fileupload { width: 100px; height: 100px; border: 1px dashed #ddd; display: flex; justify-content: center; align-items: center; border-radius: 5px; cursor: pointer; } .fileupload input { display: none; } .fileupload:hover { border-color: #409EFF; } .fileupload .img { width: 90%; } .modalbox .model1 .fileupload .img { width: 90%; } /*table 表格*/ .table-box { margin-top: 10px; } .table-box .table { margin-bottom: 0; } .table-box .pagination { margin: 5px 0; } .table-box .table th { border: 1px solid #ddd !important; } .table-box .table th, .table-box .table td { border: 1px solid #ddd; text-align: center; height: 35px; vertical-align: middle !important; padding: 0 6px !important; } .table-box .table th:first-child, .table-box .table td:first-child { width: 42px; } .table-box .table td button { margin-right: 6px; } .table-box .table tr td:last-child { min-width: 196px; } .table-box .table td button:last-child { margin-right: 0; } /*登录盒子 start*/ .adminbox { position: absolute; left: calc(-100%); top: calc(-90%); width: 300px; height: 280px; border-radius: 10px; border: 3px groove #F7F7F0; padding: 20px 10px; } .adminbox button[type=submit] { width: 50%; margin-left: 100px; margin-top: 15px; } .adminbox #yanzhengma_img { height: 34px; width: 100%; background: #fff; display: inline-block; } .adminbox #yanzhengma_img img { height: 34px; width: 100%; } /*动态集 start*/ .dongtaibox { width: 32.3%; margin-right: 10px; } .dongtaibox p.text-left a { white-space: nowrap; width: 170px; text-overflow: ellipsis; overflow: hidden; display: inline-block; } .dongtaibox p.text-left:last-of-type { display: none; } .dongtaibox .line { border: 1px solid #B6B6B7; width: 80%; margin-top: 0; margin-bottom: 20px; } .dongtaibox .date_year { margin-left: 36px; margin-right: 18px; position: relative; top: -4px; } /*动态集 end*/ /*图片集 box start*/ .tujibox { border: 1px solid #D3D3D3; padding: 0 20px; height: 183px; padding-top: 50px; position: relative; } .tujibox h1 { font-size: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tujibox .round_1 { border: 1px solid #D3D3D3; border-radius: 50%; width: 100px; height: 100px; position: absolute; top: -50px; left: calc(0%); text-align: center; line-height: 100px; overflow: hidden; } .tujibox .round_1 img { width: 200%; position: absolute; top: 0; left: -50%; bottom: 0; margin: auto; } .tujibox .btn { border-radius: 10px; background: #FB6D74; position: absolute; bottom: -15px; left: calc(9%); } .jcul { margin: 0; list-style-type: none; padding: 0 20px; } .jcul .jc_li { float: left; height: 28px; cursor: pointer; font-size: 12px; text-align: center; line-height: 28px; padding: 0; margin: 0; min-width: 101px; } .jcul .jc_li a { display: inline-block; width: 100%; height: 100%; color: #000; text-decoration: none; } .jcul .jc_li a:hover { text-decoration: none; } .jcul .jc_li:hover { background: #C6E4FE; } .jcul .jc_li.active { background: #C6E4FE; } .jcul .jc_lizhuizhi { padding: 6px 14px; } .jcul .jc_lizhuizhi .wenben { margin-left: 3px; cursor: pointer; } .jcul .jc_lizhuizhi .jiantou { width: 8px; height: 9px; position: relative; bottom: 1px; margin-left: 6px; } .xuanzhe { padding: 0 5px; height: 27px; width: 100%; } .xuanzhe .xuanzhebox { width: 100%; height: 22px; background: -webkit-linear-gradient(to bottom, #9bd5f9 50%, #f0f9fe); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(to bottom, #9bd5f9 50%, #f0f9fe); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(to bottom, #9bd5f9 50%, #f0f9fe); /* Firefox 3.6 - 15 */ background: linear-gradient(to bottom, #9bd5f9 50%, #f0f9fe); /* 标准的语法 */ position: relative; overflow: hidden; } .xuanzhe .xuanzhebox img { position: absolute; top: -4px; left: -8px; } .xuanzhe .xuanzhebox span { position: absolute; left: 43px; top: 2px; } .xuanzhe .line { margin-top: 1px; border-color: #E4E5E6; } .jianchanbox1170 { padding: 0 15px; /*max-width: 1170px;*/ max-width: 1344px; margin: 0 auto; } .underline { text-decoration: underline; } .td_image { height: 30px; } .border_none { border: 0; } .inline_block { display: inline-block; } .wushuju { color: #ddd; font-size: 16px; margin-top: 20px; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } input[type="number"] { -moz-appearance: textfield; } .tankuanbody .flex_center { align-items: flex-start; } .tankuanbody .line { margin-top: 0; } .tankuanbody .flex_center.margin_20 span:first-child { width: 180px; } .tankuanbody .flex_center.margin_20 span:last-child { width: 180px; } .tankuanbody.tankuanbody2 .flex_center.margin_20 span:first-child { width: 90px; } .tankuanbody.tankuanbody2 .flex_center.margin_20 span:last-child { width: 270px; } a ,a:hover,a:focus{ color: inherit; text-decoration: none; } .hidden { display: none !important; } /*绝对定位上下居中 start */ .absolute_center { position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; } .font_weight { font-weight: bold; } .border_message { border: 1px solid #dfdfdf; } .border_message_ntop { border: 1px solid #dfdfdf; border-top: 0; } .flexbox ,.flex{ display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .text_overflow { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .ellipse { word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .inline-flex { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .c_after:after { display: block; content: ''; clear: both; } .c_before:before { content: ""; display: table; } .phonevisible400 { display: none !important; } .phonehidden400 { display: block !important; } .phonehidden400.inline { display: inline !important; } .relative { position: relative; } .absolute { position: absolute; } .fixed { position: fixed; } .font14 { font-size: 14px; } .pointer { cursor: pointer; } .confirm_message{ padding: 10px 40px; } .confirm_message.sell_confirm{ padding: 10px 0; } .confirm_message .confirm_message_li{ padding-bottom: 30px; border-bottom: 1px solid #ddd; margin-bottom: 30px; } .confirm_message .date_time{ max-width: calc( 100% - 120px); } .confirm_message .message_text{ color: #57565B; max-width: calc( 100% - 120px); } .confirm_message .pull-right { margin-top: -10px; } .confirm_message .pull-right button { height: 30px; line-height: 15px; border-radius: 20px; } .confirm_message .pull-right button:hover,.confirm_message .pull-right button:focus{ color:gray; } .margin0 { margin: 0; } .margin_6 { margin: 6px 0; } .margin_10 { margin: 10px 0; } .margin_20 { margin: 20px 0; } .margin_30 { margin: 30px 0; } .margin_left10 { margin-left: 10px; } .margin_left30 { margin-left: 30px; } .padding_lr { padding: 0 10px; } .margin_right10 { margin-right: 10px; } .margin_top30 { margin-top: 30px; } .margin_top20 { margin-top: 20px; } .margin_top10 { margin-top: 10px; } .padding_top30 { padding-top: 30px; } .padding_top20 { padding-top: 20px; } .padding_top10 { padding-top: 10px; } .show { display: block; } .hide { display: none; } .line_blue { border-bottom: 1px solid #2BAEF1; } .left_line { border-left: 1px solid #949494; margin-right: 5px; } .border_none { border: 0; } .flex_start { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flex_wrap { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; } .flex_right { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flex_align_center { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flex_colum { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flex_colum_between { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content: space-between; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flex_colum_around { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content: space-around; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flex_colum_center { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flex_between { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flex_around { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .flex_around_center { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flex_between_end { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .flex_between_start { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .flex_center { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flex_start_end { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .font_color_blue { color: #2BAEF1; } .font_color_red { color: #F87272; } .font_color_blue1 { color: #206bd1; } .font_color_grey { color: #B4B2BC; } /***********公共样式 end************/ /*****首页 start******/ .home_header { height: 40px; background: #090723; color: #a0a0a9; } .home_header a{ /*color: #a0a0a9;*/ } .home_header .live_concact { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 40px; } .home_header .live_concact .libox { cursor: pointer; } .home_header .live_concact .libox img { margin-right: 3px; max-height: 16px; } .home_header .live_concact .libox:not(:last-child) { margin-right: 20px; } .home_header .language_currency { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 40px; } .home_header .language_currency .select_con { border: 0; cursor: pointer; background: transparent; position: relative; width: 50px; margin-top: 4px; } .home_header .language_currency .select_con.language .border{ border: 5px solid transparent; border-top-color: #000; position: relative; top: 4px; } .home_header .language_currency .select_con.language,.home_header .language_currency .select_con.language .border{ display: inline-block; } .home_header .language_currency .select_con .languagebox{ position: absolute; background: #fff; padding: 5px; border: 1px solid #ddd; top: 28px; right: 0; width: 78px; border-radius: 2px; box-shadow: 0px 0px 8px 0px #ddd; } .home_header .language_currency .select_con .languagebox a{ display: block; text-align: center; } .home_header .language_currency .select_con .languagebox a:hover,.home_header .language_currency .select_con .languagebox a.active{ color: #DE2826; } .home_header .language_currency .select_con:focus { border: 0; outline: 0; } .home_header .language_currency .libox { cursor: pointer; margin-left: 20px; } .home_header .language_currency .libox img { margin-right: 3px; max-height: 16px; } .home_header .language_currency .libox.line_click{ position: relative; } .home_header .language_currency .libox .circle_box{ position: absolute; background: #FA7D3C; border-radius: 4px; top: -6px; right: -5px; padding: 0 3px; color: #fff; display: flex; justify-content: center; align-items: center; font-size: 12px; } .home_header .language_currency .libox .line_img{ max-height: 20px; } .home_header .language_currency .libox img.margin0 { margin: 0; } .home_header .language_currency .libox:not(:last-child) { /*margin-right: 20px;*/ margin-left: 20px; } .home_header .language_currency .libox.login_after { position: relative; margin-left: 15px; } .home_header .language_currency .message_notice{ border-radius: 5px; min-width: 30px; min-height: 16px; height: 16px; display: flex; align-items: center; /*justify-content: center;*/ color: #fff; position:relative; cursor: pointer; margin-left: 20px; } .home_header .language_currency .message_notice .clock{ font-size: 20px; color: #0852AD; padding-top: 5px; } .home_header .language_currency .message_notice #commentnum{ border-radius: 50%; background: #f87f46; position: absolute; top: -10px; /*left: 0;*/ right: 0px; width: 18px; height: 18px; z-index: 100; text-align: center; line-height: 20px; } .home_header .language_currency .message_notice .comment_content{ position: absolute; height: 260px; width: 300px; background: #fff; border-radius: 8px; top: 28px; z-index: 1000; right: 0; } .home_header .language_currency .message_notice .comment_content .border{ width: 0; height: 0; border: 10px solid transparent; border-bottom-color: #fff; position: absolute; top: -20px; left: 270px; } .home_header .language_currency .message_notice .comment_content .content_box{ height: 100%; width: 100%; padding: 15px; overflow-y: auto; } .home_header .language_currency .content_box_nav{ display: flex; align-items: center; justify-content: space-between; } .home_header .language_currency .content_box_nav .box_navli{ width: 100%; height: 40px; text-align: center; color: #000; box-shadow: 0 0 3px 0 #ddd; line-height: 40px; border-radius: 4px; } .home_header .language_currency .content_box_nav .box_navli.active{ color: #fff; background: #de2826; } .home_header .language_currency .message_box{ border: 1px solid #5a5656; margin-top: 15px; border-radius: 5px; } .home_header .language_currency .message{ padding: 15px; } .home_header .language_currency .message_header{ color: red; padding-bottom: 10px; } .home_header .language_currency .message_body{ display: flex; color: #000; } .home_header .language_currency .message_body .glyphicon{ color: red; font-size: 18px; padding-right: 10px; } .home_header .language_currency .button_confirm{ background: transparent; border: 0; border-top: 1px solid #5a5656; color: #000; } .home_header .language_currency .button_confirm:hover{ color: #fff; background: #5a5656; } .home_header .language_currency .libox.login_after .border { border: 4px solid transparent; display: inline-block; border-top-color: #caccd4; position: relative; top: 2px; margin-left: 3px; } .home_header .language_currency .libox.login_after .denglutankuang { position: absolute; top: 30px; box-shadow: 0 0px 4px 0 #e0e0e0; padding-top: 0px; font-size: 12px; background: #fff; /* width: 350px; */ width: 235px; height: auto; z-index: 500; /* right: 0; */ right: 0px; /* border-radius: 6px; */ border-radius: 0; /* border-left: 1px solid #dddddd; border-right: 1px solid #ddddd; */ } .home_header .language_currency .denglutankuang .padding { padding: 0 15px; } .home_header .language_currency .denglutankuang .h4title { font-weight: bold; color: #525257; font-size: 20px; padding: 0 15px; padding-bottom: 10px; } .home_header .language_currency .denglutankuang .h4title:hover { color: #f03726; } .home_header .language_currency .denglutankuang .profile__list-info__item { padding: 0 15px; } .home_header .language_currency .denglutankuang .profile__list-info__item .text:not(:last-child) { padding-right: 30px; } .home_header .language_currency .denglutankuang .tubox { padding: 0 15px; } .home_header .language_currency .denglutankuang .tu { width: 30px; max-height: 40px; } .home_header .language_currency .denglutankuang .profile__list-item { border-bottom: 1px solid #f0f0f5; height: 60px; } .home_header .language_currency .denglutankuang .profile__list-item:last-child{ border: 0; } .home_header .language_currency .denglutankuang .profile__list-item .profile__link { display: block; vertical-align: middle; padding: 18px 30px 8px; font-size: 13px; color: #525257; position: relative; height: 60px; } .home_header .language_currency .denglutankuang .profile__list-item .profile__link .left { margin-right: 10px; } .home_header .language_currency .denglutankuang .profile__list-item .profile__link.flex { display: flex; } .home_header .language_currency .denglutankuang .profile__list-item .profile__link:hover { text-decoration: none; } .home_header .language_currency .denglutankuang .profile__list-item .profile__link:before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 3px; background: #f03726; opacity: 0; text-decoration: none; } .home_header .language_currency .denglutankuang .profile__list-item .profile__link:hover:before, .home_header .language_currency .denglutankuang .profile__list-item .profile__link:active:before { opacity: 1; transition: all .3s linear; text-decoration: none; } .home_header .language_currency .denglutankuang .profile__list-item .profile__link .profile__list-item__label { display: inline-block; color: #9292a2; padding-bottom: 8px; width: 115px; } .home_header .language_currency .denglutankuang .profile__list-item .profile__link .profile__list-item__value { display: inline-block; font-size: 13px; padding: 0 0 0 13px; color: #f03726; } .home_header .language_currency .denglutankuang .profile__list-item .profile__link .profile__list-item__value.flex { display: flex; } .home_header .language_currency .denglutankuang .profile__list-item .tu2 { width: 27px; height: 27px; background-position: -47px -125px; background-image: url(../images/icons-2017-beta.png); display: inline-block; vertical-align: middle; } .home_header .language_currency .denglutankuang .profile__list-item.grey { background-color: #f7f7fa; height: 70px; } .home_header .language_currency .denglutankuang .profile__list-item.grey .btn { text-align: center; vertical-align: top; font-weight: 700; letter-spacing: 1px; font-size: 18px; line-height: 18px; padding: 13px 28px; text-transform: uppercase; background: #f03726; color: #fff; border: 0; border-radius: 30px; position: relative; transition: all 0.3s ease-in-out; display: inline-block; float: left; } /* 手机下才会左浮动 */ .just-phone-pull-left{ display: flex; flex-wrap: wrap; /*margin-right: 20px;*/ } .just-phone-pull-left .libox{ margin-left: 20px; } .z2u.en .home_header .language_currency .denglutankuang .profile__list-item.grey .btn,.home_header.en .language_currency .libox.login_after .denglutankuang .profile__list-item.grey .btn{ font-size: 14px; padding: 6px 12px; } .home_header .language_currency .denglutankuang .profile__list-item.grey .btn:hover { background: #d22d1e; } .home_header .language_currency .denglutankuang .profile__list-item.grey .btn.btn--border { border: 1px solid #c8c8d0; color: #9292a2 !important; background: #fff; margin-left: 10px; } .home_header .language_currency .denglutankuang .profile__list-item.grey .btn.btn--border:hover { background: #ececec; } .home_header .language_currency .denglutankuang .profile__list-item.profile__list-item__logout .context { font-size: 14px; color: #525257; } .home_header .language_currency .denglutankuang .profile__list-item.profile__list-item__logout .context.glyphicon { color: #C2C2D0; font-size: 16px; } .home_header .language_currency .denglutankuang .profile__list-item.profile__list-item__logout:hover .context { color: #f03726; } .home_header_bottom { /*background: #fff;*/ background-image: linear-gradient(#fff, #f8f8f8); position: sticky; left: 0; top: 40px; width: 100%; z-index: 9998; } .home_header_bottom .header_bottom_box { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; } .home_header_bottom .header_bottom_box .logobox img { height: 45px; } .home_header_bottom .header_bottom_box .classification { position: relative; /*display: none; 这里不知道为什么在手机下菜单按钮不见了，暂时取消 */ /*border: 1px solid #caccd4; border-radius: 30px 0px 0px 30px;*/ margin-right: auto; } .home_header_bottom .header_bottom_box .classification .fenleibox { height: 40px; width: 170px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; font-size: 18px; font-family: "Bebas_Neue"; } .home_header_bottom .header_bottom_box .classification .fenleibox:hover{ color: #e84a2e; } .home_header_bottom .header_bottom_box .classification .fenleibox svg{ font-size: 26px; margin-right: 10px; } .home_header_bottom .header_bottom_box .classification .fenleibox span { font-size: 20px; color: #fff; top: -1px; } .home_header_bottom .header_bottom_box .classification .menu { position: absolute; top: 50px; left: 0; width: auto; background: #fff; height: auto; z-index: 1000; border-radius: 5px; box-shadow: 0 2px 2px rgba(0,0,0,0.175); } .home_header_bottom .header_bottom_box .classification .menu .menu1, .home_header_bottom .header_bottom_box .classification .menu .menu2 { padding: 0px 0; width: 200px; height: auto; } .home_header_bottom .header_bottom_box .classification .menu .menu2 .cha a:hover{ color: #fff; background: #f33f2d; padding: 2px 4px; border-radius: 4px; } .home_header_bottom .header_bottom_box .classification .menu .menu1 .libox, .home_header_bottom .header_bottom_box .classification .menu .menu2 .libox { padding-left: 20px; height: 46px; cursor: pointer; transition: all 0.3s ease-in-out; color: #63636a; } .home_header_bottom .header_bottom_box .classification .menu .menu1 .libox .wenben, .home_header_bottom .header_bottom_box .classification .menu .menu2 .libox .wenben { font-size: 14px; flex-grow: 1; } .home_header_bottom .header_bottom_box .classification .menu .menu1 .libox .glyphicon, .home_header_bottom .header_bottom_box .classification .menu .menu2 .libox .glyphicon { font-size: 12px; margin-right: 10px; } .home_header_bottom .header_bottom_box .classification .menu .menu1 .libox:hover, .home_header_bottom .header_bottom_box .classification .menu .menu2 .libox:hover { background: #efefff; } .home_header_bottom .header_bottom_box .classification .menu .menu1 .cha, .home_header_bottom .header_bottom_box .classification .menu .menu2 .cha { padding-left: 20px; height: 46px; } .home_header_bottom .header_bottom_box .classification .menu .menu1 .cha .wenben, .home_header_bottom .header_bottom_box .classification .menu .menu2 .cha .wenben { font-size: 14px; flex-grow: 1; } .home_header_bottom .header_bottom_box .classification .menu .menu2 { border-left: 1px solid #ECECF0; /* 20203-25 new */ background: #fff; /*margin-left: -201px; z-index: 999;*/ width: 260px; border-radius: 0 0 6px 0; } .home_header_bottom .header_bottom_box .classification .am-dropdown-content.am2 { left: 100%; } .home_header_bottom .search_form{ margin: 0; } .home_header_bottom .header_bottom_box .searchbox { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: auto; } .home_header_bottom .header_bottom_box .searchbox .search_input { width: 520px; height: 40px; border: 1px solid #caccd4; padding: 0 15px; outline: none; border-radius: 100px; background: none; } .home_header_bottom .header_bottom_box .searchbox .searchbox_new { position: absolute; width: 120%; border: 1px solid #ddd; top: 40px; /*border-radius: 3px; box-shadow: 1px 1px 2px #D7D7E0 inset;*/ min-height: 40px; z-index: 9999; background: #fff; overflow-y: auto; overflow-x: hidden; max-height: 400px; border-radius: 1rem; box-shadow: 0 6px 12px rgba(0,0,0,0.175); left: 50%; margin-left: -60%; } .home_header_bottom .header_bottom_box .searchbox .searchbox_new .searchli{ border-bottom: 1px solid #e0e0e0; padding: 5px 0; } .home_header_bottom .header_bottom_box .searchbox .searchbox_new .searchli:hover{ background: #f2f2f6; /*padding-bottom: 8px;*/ } .home_header_bottom .header_bottom_box .searchbox .searchbox_new .searchli .lia { color: #2b2b2b; display: block; font-size: 16px; font-weight: 700; font-family: Gothbold; height: 40px; line-height: 40px; padding: 0 15px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 1; } .home_header_bottom .header_bottom_box .searchbox .searchbox_new .searchli .lia:hover { /*color: #DE2826;*/ /*background: #DE2826;*/ } .home_header_bottom .header_bottom_box .searchbox .search_button { width: 90px; height: 40px; border-radius: 0; background: #de2826; border-radius: 0px 3px 3px 0px; font-weight: bold; } .home_header_bottom .header_bottom_box .searchbox .icon-search-btn{ background: none; border: none; width: 40px; position: absolute; right: 1px; } .home_header_bottom .header_bottom_box .searchbox .icon-search-btn svg{ font-size: 16px; color: #b5b7bd; } .home_header_bottom .header_bottom_box .logo_search { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 0; height: 106px; } .home_header_bottom .header_bottom_box .border { height: 56px; width: 0; border-right: 0px solid #ddd; } .home_header_bottom .header_bottom_box .buy_sell { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 80px; font-size: 15px; } .home_header_bottom .header_bottom_box .buy_sell .libox { padding: 10px 0; cursor: pointer; } .home_header_bottom .header_bottom_box .buy_sell .libox img { margin-right: 3px; width: 22px; max-height: 22px; } .home_header_bottom .header_bottom_box .buy_sell .libox:not(:last-child) { margin-right: 20px; } .home_header_bottom .header_bottom_box .buy_sell .sellboxall { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .home_header_bottom .header_bottom_box .buy_sell .sellboxall .sellboxleft img { height: 106px; } .home_header_bottom .header_bottom_box .buy_sell .sellboxall .sellbox { background: #DE2826; height: 106px; width: 150px; color: #fff; font-weight: bold; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .home_header_bottom .header_bottom_box .buy_sell .sellboxall .sellbox .imgbox { max-height: 30px; text-align: center; } .home_header_bottom .header_bottom_box .buy_sell .sellboxall .sellbox .imgbox img { height: 100%; } .home_header_bottom .header_bottom_box .buy_sell .sellboxall .sellbox .textbox { margin-top: 6px; font-size: 18px; } .home_nav { background: #000; height: 50px; display: none; } .home_nav .navbox { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; height: 50px; } .home_nav .navbox .navleft { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .home_nav .navbox .navleft .home_page { height: 50px; padding: 0 15px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .home_nav .navbox .navleft .home_page.active { background: #d82523; } .home_nav .navbox .navleft .home_page:hover { background: #d82523; } .home_nav .navbox .navleft .navulbox { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .home_nav .navbox .navleft .navulbox .navli { height: 50px; line-height: 50px; padding: 0 12px; cursor: pointer; } .home_nav .navbox .navleft .navulbox .navli.active { background: #d82523; } .home_nav .navbox .navleft .navulbox .navli:hover { background: #d82523; } .home_nav .navbox .navleft .navulbox .navli .text { margin-right: 6px; } .home_nav .navbox .navleft .navulbox .subset { position: absolute; top: 50px; width: 1140px; left: -46px; background: #303032; padding: 10px; z-index: 1010; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; } .home_nav .navbox .navleft .navulbox .subset .subli { padding: 10px; background: #4B4B4B; width: 218px; margin-bottom: 10px; height: 54px; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .home_nav .navbox .navleft .navulbox .subset .subli .sub_img { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 40px; display: none !important; } .home_nav .navbox .navleft .navulbox .subset .subli .sub_img img { width: 40px; max-height: 40px; } .home_nav .navbox .navleft .navulbox .subset .subli .sub_img .border { height: 40px; border-left: 1px solid #000; border-right: 1px solid #757070; margin: 0 20px; } .home_nav .navbox .navleft .navulbox .subset .subli .name { word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .home_nav .navbox .navleft .navulbox .subset .subli .offer { width: 70px; max-width: 70px; border: 1px solid; border-radius: 5px; padding: 2px 3px; text-align: center; } .home_nav .navbox .navleft .navulbox .subset .subli:hover { color: #f03726; } .home_nav .navbox .navleft .navulbox .subset .button_box { width: 100%; padding: 10px 0 20px 0; } .home_nav .navbox .navleft .navulbox .subset .button_box button { border-radius: 13px; padding: 4px 30px; } .home_nav .navbox .buttonbox button { background: #000; height: 50px; width: 150px; border: 0; text-transform: uppercase; } .home_nav .navbox .buttonbox button:hover { background: #2c2d2d; } .home_nav .navbox .buttonbox button:focus { border: 0; outline: 0; } #banner .carousel { min-height: 100px; } #banner .carousel-inner .item img { width: 100%; max-height: 450px; } #banner .carousel-indicators li { border: 0; background: #cad5d9; } #banner .carousel-indicators li:not(:last-child) { margin-right: 6px; } #banner .carousel-indicators li.active { background: #b6293c; } .main .popular_game .title { font-size: 42px; font-weight: bold; color: #000; padding: 40px 0 10px 0; font-family: "Bebas_Neue"; } .main .popular_game .small_title { color: #7d7878; font-size: 14px; } .main .popular_game .borderbox { width: 140px; height: 1px; margin: 0 auto; margin-top: 18px; background: #e0e0e0; position: relative; } .main .popular_game .borderbox .border { position: absolute; background: #e30b20; width: 50px; left: 45px; top: -1px; height: 2px; } .main .popular_game .gamebox { margin-top: 30px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; } .main .popular_game .gamebox .libox { width: 270px; border: 1px solid #e4e4e4; border-radius: 3px; } .main .popular_game .gamebox .libox .lititle { background: #d7d7d7; height: 60px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 18px; font-weight: bold; color: #000; } .z2u.en .main .popular_game .gamebox .libox .lititle{ font-weight: normal; } .main .popular_game .gamebox .libox .lititle img { margin-right: 10px; max-width: 30px; max-height: 30px; } .main .popular_game .gamebox .libox .licontent .game_item { padding: 10px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; border-bottom: 1px solid #e4e4e4; } .main .popular_game .gamebox .libox .licontent .game_item .imgbox { border: 1px solid #e4e4e4; margin-right: 10px; padding: 3px; max-width: 53px; width: 53px; height: 53px; } .main .popular_game .gamebox .libox .licontent .game_item .imgbox img { width: 100%; height: 100%; } .main .popular_game .gamebox .libox .licontent .game_item .textbox { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .main .popular_game .gamebox .libox .licontent .game_item .textbox .text_title { font-size: 14px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 1; } .main .popular_game .gamebox .libox .licontent .game_item .textbox .text_count { border: 1px solid #e93c4d; color: #e93c4d; font-size: 14px; font-weight: bold; display: inline-block; padding: 0 6px; border-radius: 10px; min-width: 54px; line-height: 16px; text-align: center; } .main .popular_game .gamebox .libox .licontent .game_item:hover .text_title { color: #2196F3; } .main .popular_game .gamebox .libox .licontent .check_box { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 40px; font-size: 14px; cursor: pointer; text-decoration: none; } .main .popular_game .gamebox .libox .licontent .check_box .text { margin-right: 6px; color: #5C5C5C; } .main .popular_game .gamebox .libox .licontent .check_box .imgbox { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .main .popular_game .gamebox .libox .licontent .check_box:hover .text { color: #f3950b; } .main .popular_game .look_at_all { margin: 40px 0 60px 0; } .main .popular_game .look_at_all button { border-radius: 20px; background: #FF0039; padding: 6px 30px; font-size: 18px; } .main .popular_game .look_at_all button:hover { background: #e30b20; } .main .recommendation { background: #f5f5f5; } .main .recommendation .title { font-size: 30px; font-weight: bold; color: #000; padding: 40px 0 10px 0; } .main .recommendation .small_title { color: #bdbdbd; font-size: 14px; } .main .recommendation .borderbox { width: 140px; height: 1px; margin: 0 auto; margin-top: 18px; background: #e0e0e0; position: relative; } .main .recommendation .borderbox .border { position: absolute; background: #e30b20; width: 50px; left: 45px; top: -1px; height: 2px; } .main .recommendation .recommendationbox { margin-top: 30px; margin-bottom: 80px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; } .main .recommendation .recommendationbox .recommendli { padding: 10px; padding-right: 20px; background: #ffffff; height: 140px; border: 1px solid #E4E4E4; width: 555px; margin-bottom: 30px; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .main .recommendation .recommendationbox .recommendli .recom_img { width: 120px; height: 120px; min-width: 120px; margin-right: 10px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .main .recommendation .recommendationbox .recommendli .recom_img img { width: 100%; max-height: 100%; } .main .recommendation .recommendationbox .recommendli .recom_textbox { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content: space-around; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; height: 120px; min-width: 180px; } .main .recommendation .recommendationbox .recommendli .recom_textbox .text_title { word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 3; font-size: 13px; font-weight: bold; } .main .recommendation .recommendationbox .recommendli .recom_textbox .text_title:hover { color: #f03726; } .main .recommendation .recommendationbox .recommendli .recom_textbox .small_title { font-size: 12px; } .main .recommendation .recommendationbox .recommendli .recom_textbox .price { font-size: 18px; color: #e30b20; font-weight: bold; } .main .recommendation .recommendationbox .recommendli .border { height: 120px; width: 1px; background: #E4E4E4; margin: 0 20px; } .main .recommendation .recommendationbox .recommendli .level_imgbox { min-width: 172px; width: 172px; height: 120px; } .main .recommendation .recommendationbox .recommendli .level_imgbox .level_start{ display: flex; flex-wrap: wrap; } .main .recommendation .recommendationbox .recommendli .imgboxdengji{ height: 26px; width: 23px; justify-content: center; display: flex; align-items: center; } .main .recommendation .recommendationbox .recommendli .imgboxdengji img { width: 20px; max-height: 100%; } .main .recommendation .recommendationbox .recommendli .level_imgbox .text_message { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 172px; border-bottom: 1px solid #e4e4e4; padding-bottom: 5px; } .main .recommendation .recommendationbox .recommendli .level_imgbox .text_message .circle { height: 36px; min-width: 36px; width: 36px; border-radius: 50%; margin-right: 6px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .main .recommendation .recommendationbox .recommendli .level_imgbox .text_message .circle img { max-height: 34px; max-width: 34px; } .main .recommendation .recommendationbox .recommendli .level_imgbox .text_message .text { margin-right: 6px; } .main .recommendation .recommendationbox .recommendli .level_imgbox .text_message .libox { align-self: flex-end; } .main .recommendation .recommendationbox .recommendli .level_imgbox .text_message img { width: 36px; } .main .recommendation .recommendationbox .recommendli .level_imgbox .text_message .line_img{ width: 22px; height: 20px; } .main .recommendation .recommendationbox .recommendli .level_imgbox .attack_equipment img { cursor: pointer; width: 40px; max-height: 40px; } .main .recommendation .recommendationbox .recommendli .hookbox { position: absolute; right: 0; top: 0; } .main .game_new { width: 100%; height: 560px; background: url('../images/Background%20image.jpg') no-repeat center; } .main .game_new .title { font-size: 30px; font-weight: bold; color: #fff; padding: 40px 0 10px 0; } .main .game_new .small_title { color: #bfc5d0; font-size: 14px; } .main .game_new .borderbox { width: 140px; height: 1px; margin: 0 auto; margin-top: 18px; background: #e0e0e0; position: relative; } .main .game_new .borderbox .border { position: absolute; background: #e30b20; width: 50px; left: 45px; top: -1px; height: 2px; } .main .game_new .news_box { padding: 20px; background: rgba(0, 0, 0, 0.3); margin-top: 40px; height: 340px; } .main .game_new .news_box .news_content { position: relative; width: 100%; overflow: hidden; height: 100%; } .main .game_new .news_box .news_content .news_absolute { position: absolute; top: 0; left: 0; width: 3400px; color: #fff; transition: all .6s; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .main .game_new .news_box .news_content .news_absolute .newsli { width: 340px; } .main .game_new .news_box .news_content .news_absolute .newsli:not(:nth-child(3n)){ margin-right: 40px; } .main .game_new .news_box .news_content .news_absolute .newsli .textbox { background: rgba(9, 19, 35, 0.7); padding: 20px; margin-bottom: 30px; } .main .game_new .news_box .news_content .news_absolute .newsli .textbox .text_content { line-height: 20px; height: 80px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 4; } .main .game_new .news_box .news_content .news_absolute .newsli .imgtextbox { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .main .game_new .news_box .news_content .news_absolute .newsli .imgtextbox .imgbox { margin-right: 10px; } .main .game_new .news_box .news_content .news_absolute .newsli .imgtextbox .imgbox img { width: 55px; height: 55px; border-radius: 8px; min-width: 55px; } .main .game_new .news_box .news_content .news_absolute .newsli .imgtextbox .text_right { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content: space-around; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; height: 55px; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; } .main .game_new .news_box .news_content .news_absolute .newsli .imgtextbox .text_right .text_title { color: #fff; font-size: 15px; font-weight: bold; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 1; } .main .game_new .news_box .news_content .news_absolute .newsli .imgtextbox .text_right .text_date { font-size: 13px; color: #de7c29; } .main .game_new .news_box .news_content .news_absolute .newsli:hover .textbox { color: #9a9ac1; } .main .game_new .news_box .news_content .news_absolute .newsli:hover .text_title { color: #dcc819 !important; } .main .game_new .news_box .news_content .news_ulpage { position: absolute; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; left: 0; width: 100%; bottom: 0; } .main .game_new .news_box .news_content .news_ulpage .pageli { width: 10px; height: 10px; background: #969cac; border-radius: 50%; cursor: pointer; } .main .game_new .news_box .news_content .news_ulpage .pageli:not(:last-child) { margin-right: 10px; } .main .game_new .news_box .news_content .news_ulpage .pageli.active { background: #8d122e; } #footer { height: auto; background: #090723; padding: 50px 0 0; } #footer .footer_box .pay_method_box { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; } #footer .footer_box .pay_method_box.phone_visible{ display: none; } #footer .footer_box .pay_method_box a:not(:last-child) { margin-right: 18px; } #footer .foot_disclaimer{ padding-top: 24px; display: flex; align-items: center; color: #777777; justify-content:center; flex-wrap: wrap; } #footer .foot_disclaimer img{ margin-right: 10px; } #footer .foot_disclaimer .white_text{ color: #fff; } #footer .footer_box .footer_nav { margin-top: 60px; color: #777777; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; } #footer .footer_box .footer_nav.phone_visible{ display: none; } #footer .footer_box .footer_nav .navcon { width: 20%; padding-right: 20px; } #footer .footer_box .footer_nav .navcon .title { font-size: 16px; text-transform: uppercase; margin-bottom: 30px; } #footer .footer_box .footer_nav .navcon .nav_content { padding: 0; margin: 0; } #footer .footer_box .footer_nav .navcon .nav_content .font_color_blue{ text-transform: uppercase; font-size: 14px; } #footer .footer_box .footer_nav .navcon .nav_content.nav_ul { padding-left: 14px; } #footer .footer_box .footer_nav .navcon .nav_content.nav_ul li { list-style: disc; } #footer .footer_box .footer_nav .navcon .nav_content.nav_ul li:hover { color: #fff; } #footer .footer_box .footer_nav .navcon .nav_content .libox_a { color: #777777; font-size: 13px; display: block; width: 100%; line-height: 20px; text-decoration: none; } #footer .footer_box .footer_nav .navcon .nav_content .libox_a:hover { color: #fff; } #footer .footer_box .footer_nav .navcon .nav_content .imgbox { margin-top: 20px; } #footer .footer_box .footer_nav .navcon .nav_content .imgbox a { text-decoration: none; } #footer .footer_box .footer_nav .navcon .nav_content .imgbox a:not(:last-child) { margin-right: 15px; } #footer .footer_nav_t{ margin-top: 26px; padding: 18px 0; display: flex; justify-content:center; flex-wrap: wrap; border-top: 1px solid #101010; } #footer .footer_nav_t .libox_a{ padding: 6px 20px; color: #777777; } #footer .footer_nav_t .libox_a:hover{ color: #fff; } #footer .footer_record{ color: #777777; text-align: center; background: #101010; padding: 16px 0; } /*****首页 end******/ /** 首页 start**/ #jianchan { width: 100%; height: auto; } #jianchan .remen_ul { list-style: none; flex-wrap: wrap; display: flex; /*justify-content: space-between;*/ justify-content: flex-start; padding: 0; } #jianchan .remen_ul .remen_li { margin: 0 10px; position: relative; max-width: 246px; max-height: 170px; overflow: hidden; margin-top: 30px; cursor: pointer; border-radius: 5px; transition: all 0.3s ease-in-out; } #jianchan .remen_ul .remen_li.hover:hover { box-shadow: 0 0 11px -1px rgba(0, 0, 0, 0.49); } #jianchan .remen_ul .remen_li .imgbox img { min-height: 170px; min-width: 263px; } #jianchan .remen_ul .remen_li .wenbenbox { position: absolute; bottom: 20px; left: 15px; color: #fff; } #jianchan .remen_ul .remen_li .wenbenbox .h3_title { margin-bottom: 10px; font-size: 20px; font-weight: bold; } #jianchan .remen_ul .remen_li .wenbenbox .jc_price { display: inline-block; color: #444448; font-weight: 500; font-size: 13px; line-height: 13px; padding: 6px 12px; background: #fff; border-radius: 4px; } #jianchan .jianchanbox { width: 100%; height: auto; } /* Active Offers Tips */ .ao-tips{ background: #fff4e2; padding: 10px; border-radius: 10px; margin-bottom: 15px; color: #b22600; position: relative; display: none; } .aot-downarrow { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #fcf9e5; position: absolute; left: 30px; bottom: -10px; } .ao-tips2{ background: #fcf9e5; padding: 10px; border-radius: 5px; margin-bottom: 15px; color: #b22600; /*position: absolute;*/ /*width: 60%;*/ /*right: 44px;*/ /*top: 20px;*/ margin-top: 15px; } .ao-tips2 a{ text-decoration: underline; } .ao-tips2 a:hover{ text-decoration:none; } /********product_list 游戏列表 start**********/ #product_list .reportmotaikuang .motaikuangbody { width: 450px; } #product_list .reportmotaikuang .motaikuangbody .wenben { text-align: left; } #product_list .selectall { min-width: 180px; cursor: pointer; margin-right: 35px; } #product_list .selectall .selectanniu { background: #fff; } #product_list .selectall .selectanniu .border.borderqutong { right: 10px !important; top: 15px !important; display: block !important; border-bottom-color: transparent !important; } #product_list .selectall .ulbox .ulboxzi .libox { padding: 0 8px; } #product_list .banner { vertical-align: middle; margin: 0 auto; max-height: 130px; background: #eeeef4; overflow: hidden; position: relative; } #product_list .banner img.bannertu { width: 100%; } #product_list .banner .banner__content { position: absolute; top: calc( 50% - 9px ); max-width: 1170px; margin: 0 auto; width: 100%; bottom: 0;/* 新加的 */ } #product_list .banner .banner__content .banner__title { font-size: 26px; line-height: 30px; color: #fff; width: 100%; margin: 0; padding: 0; font-weight: 400; font-family: Bebas_Neue; } #product_list .banner .banner__content .banner__title a{ color: #fff; } #product_list .product-nav { background: #F7F7FA; width: 100%; border-bottom: 1px solid #e2e2ea; /* add new */ } #product_list .product-nav .product-nav__list { font-size: 0; line-height: 0; } #product_list .product-nav .product-nav__list .product-nav__list-item { /*background: #f7f7fa;*/ /*border-bottom: 2px solid #f7f7fa;*/ display: inline-block; vertical-align: top; padding: 10px 0px; border-right: 1px solid #e2e2ea; width: 129px; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow, transform; transition-property: box-shadow, transform; /*position: relative;*/ /*z-index: 1;*/ } #product_list .product-nav .product-nav__list .product-nav__list-item.active { box-sizing: border-box; -moz-box-sizing: border-box; background: #fffdfd; outline: 1px solid #e1251b; border-right: 0!important; margin-right: 1px; position: relative; z-index: 2; } #product_list .product-nav .product-nav__list .product-nav__list-item.active:hover{ /*border-bottom: 1px solid #e1251b!important;*/ } #product_list .product-nav .product-nav__list .product-nav__list-item.active::after{ content: ''; position: absolute; width: 20px; height: 20px; border-radius: 0 0 0 6px; top: -1px; right: -1px; background-color: #e1251b; background-image: url("../images/c-icon.png"); background-repeat: no-repeat; background-position: center center; background-size: 15px 15px; } #product_list .product-nav .product-nav__list .product-nav__list-item.active .product-nav__title{ color: #e1251b!important; } #product_list .product-nav .product-nav__list .product-nav__list-item .product-nav__link { display: block; text-align: center; position: relative; color: #f03726; transition: all 0.3s ease-in-out; text-decoration: none; } #product_list .product-nav .product-nav__list .product-nav__list-item .product-nav__link:focus { outline: 0; } #product_list .product-nav .product-nav__list .product-nav__list-item .product-nav__link .product-nav__icon { width: 45px; height: 45px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto 2px; } #product_list .product-nav .product-nav__list .product-nav__list-item .product-nav__link .product-nav__icon img { max-width: 100%; max-height: 100%; border-radius: 4px; } #product_list .product-nav .product-nav__list .product-nav__list-item .product-nav__link .product-nav__title { display: block; text-transform: uppercase; font-size: 11px; line-height: 15px; color: #9292a2; height: 15px; overflow: hidden; font-weight: 700; transition: all 0.3s ease-in-out; white-space: nowrap; text-transform: capitalize; } #product_list .product-nav .product-nav__list .product-nav__list-item:hover{ background: #fff; /*border-bottom: 2px solid #fff;*/ /*position: relative;*/ /*z-index: 999;*/ box-shadow: 0 0px 15px 0px rgba(0, 0, 0, 0.25); /*-webkit-transform: scale(1.04);*/ /*transform: scale(1.04);*/ } #product_list .product-nav .product-nav__list .product-nav__list-item:focus{ background: #fff; box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); /*-webkit-transform: scale(1.04);*/ /*transform: scale(1.04);*/ } #product_list .product-nav .product-nav__list .product-nav__list-item:active{ background: #fff; /*box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);*/ box-shadow: inset 0px 0px 5px rgba(0,0,0,0.25); background-image: linear-gradient(#fff, #e0e0e0); /*-webkit-transform: scale(1.04);*/ /*transform: scale(1.04);*/ } #product_list .product-nav .product-nav__list .product-nav__list-item:hover .product-nav__title { color: #525257; } #product_list .dynamic-filter { background-color: #fff; box-shadow: 0 8px 6px -6px #d7d7e0; } #product_list .dynamic-filter .searchbox { flex-wrap: wrap; padding-top: 20px; } #product_list .dynamic-filter .searchbox .wenben { margin-right: 10px; color: #000; font-weight: bold; width: 80px; } #product_list .dynamic-filter .searchbox .leftbox ,#product_list .dynamic-filter .searchbox .rightbox{ margin: 0 10px 20px 0; } #product_list .dynamic-filter .searchbox button { height: 40px; border-radius: 6px; font-size: 12px; color: #686A67; } #product_list .dynamic-filter .searchbox .am-selected-text { color: #686a67; font-size: 12px; } #product_list .content__inner { padding-bottom: 0; background: #fff; } #product_list .content__inner .container_box { position: relative; padding: 20px 0 0; } #product_list .content__inner .container_box .searchbox { margin-top: 10px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e0e0e0; } #product_list .content__inner .container_box .searchbox .search { width: 260px; position: relative; } #product_list .content__inner .container_box .searchbox .search .inputtext { height: 40px; width: 100%; padding-right: 40px; } #product_list .content__inner .container_box .searchbox .search .searchtubox { position: absolute; right: 0; top: 0; text-align: center; height: 40px; width: 40px; line-height: 40px; cursor: pointer; } #product_list .content__inner .container_box .maijiabox { font-weight: bold; } #product_list .content__inner .container_box .maijiabox .zaixianmaijia { width: 100%; max-width: 200px; } #product_list .content__inner .container_box .maijiabox .box .boxxiao .fenleibox { position: relative; } #product_list .content__inner .container_box .maijiabox .box .boxxiao .fenleibox .wenbenbox { cursor: pointer; } #product_list .content__inner .container_box .maijiabox .box .boxxiao .fenleibox .wenbenbox .wenbenbianliang { color: red; padding-right: 3px; } #product_list .content__inner .container_box .maijiabox .box .boxxiao .fenleibox .wenbenbox .glyxia { font-size: 12px; color: #CDCDD5; margin-right: 10px; top: -2px; } #product_list .content__inner .container_box .maijiabox .box .boxxiao .fenleibox .fenleiprice { position: absolute; top: 32px; left: -100px; width: 170px; background: #fff; z-index: 9999; border: 1px solid #eee; border-radius: 3px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175); box-shadow: 0 6px 12px rgba(0,0,0,0.175); } #product_list .content__inner .container_box .maijiabox .box .boxxiao .fenleibox .fenleiprice .libox { height: 50px; width: 100%; border-bottom: 1px solid #ddd; transition: all .5s linear; cursor: pointer; } #product_list .content__inner .container_box .maijiabox .box .boxxiao .fenleibox .fenleiprice .libox a { width: 100%; height: 100%; display: block; padding: 15px; } #product_list .content__inner .container_box .maijiabox .box .boxxiao .fenleibox .fenleiprice .libox:hover { color: red; background: #f7f7f9; } #product_list .content__inner .container_box .maijiabox .box .boxxiao .fenleibox .fenleiprice .libox.active { color: red; } #product_list .content__inner .container_box .maijiabox .box .boxxiao .fenleibox .fenleiprice .libox:last-child { border: 0; } #product_list .content__inner .container_box .maijiabox .box .boxxiao .shaixuan { width: 88px; height: 40px; border: 1px solid #DDDDDD; border-radius: 5px; padding: 0 14px; font-size: 14px; cursor: pointer; } #product_list .content__inner .container_box .products-alert { padding: 12px 20px; background: #FEF6AE; border-top-left-radius: 4px; border-top-right-radius: 4px; font-size: 14px; color: #FE9548; margin-top: 10px; margin-bottom: 15px; } #product_list .content__inner .container_box .products__content .liebiao { height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; } #product_list .content__inner .container_box .products__content .liebiao .motaikuangbody { height: auto; } #product_list .content__inner .container_box .products__content .liebiao .motaikuangbody .textbox textarea { height: 100px; width: 100%; } #product_list .content__inner .container_box .products__content .liebiao .motaikuangbody .buttonbox { text-align: center; } #product_list .content__inner .container_box .products__content .liebiao .motaikuangbody .note { width: 100%; margin-top: 15px; resize: none; border-radius: 4px; padding: 4px; padding-left: 10px; border-color: #ddd; } #product_list .content__inner .container_box .products__content .liebiao .motaikuangbody .note::placeholder { color: #444444; } #product_list .content__inner .container_box .products__content .liebiao .motaikuangbody .closemo { color: #9393A2 !important; text-decoration: none !important; } #product_list .content__inner .container_box .products__content .liebiao .selectall .libox { border: 0; } #product_list .content__inner .container_box .products__content .liebiao>.libox { border: 1px solid #ddd; align-items: flex-start; width: 374px; height: auto; background: #fff; flex-wrap: wrap; margin-bottom: 24px; border-radius: 5px; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxleft { position: relative; width: 100%; border-bottom: 1px solid #ddd; display: flex; justify-content: space-between; padding: 10px; padding-right: 25px; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxleft .hookbox{ position: absolute; right: 0; top: 0; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxleft .boxtop { justify-content: flex-start; position: relative; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxleft .boxtop .imgbox { cursor: pointer; width: 34px; height: 34px; position: relative; margin-right: 12px; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxleft .boxtop .imgbox img { max-height: 34px; border-radius: 5px; border: 1px solid #ddd; width: 34px; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxleft .boxtop .imgbox .circle { position: absolute; width: 12px; height: 12px; background: #16da8e; border-radius: 50%; border: 2px solid #fff; right: -5px; bottom: -2px; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxleft .boxtop .wenben { cursor: pointer; margin-right: 12px; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxleft .boxtop .wenben:hover { color: red; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxleft .boxtop .yanzhen { position: relative; width: 16px; height: 16px; margin-right: 12px; cursor: pointer; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxleft .boxtop .yanzhen .yanzhenbox { width: 16px; height: 16px; background: #16da8e; transform: rotatez(-45deg); border-radius: 4px; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxleft .boxtop .yanzhen .dui { position: absolute; top: 3px; left: 3px; color: #fff; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxleft .boxtop .yanzhen + .titlebox { left: 60px; top: 40px; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxleft .boxtop .fasong { cursor: pointer; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxleft .boxtop .fasong span { color: #428BCA; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxleft .boxtop .boxrenzhen { position: absolute; top: 60px; left: 70px; background: #333333; padding: 6px; border-radius: 5px; width: 132px; font-size: 14px; z-index: 100; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxleft .boxtop .boxrenzhen span { color: #fff; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxleft .boxtop .boxrenzhen a { color: #1693DA; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxleft .boxbottom { cursor: pointer; position: relative; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxleft .boxbottom .imgboxdengji { height: 40px; width: 23px; text-align: center; display: flex; align-items: center; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxleft .boxbottom .imgboxdengji img { width: 20px; max-height: 100%; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxleft .boxbottom .imgboxtime { height: 40px; width: 50px; text-align: center; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxleft .boxbottom .imgboxtime img { width: 40px; max-height: 100%; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxleft .boxbottom .imgcanvas { width: 50px; height: 50px; position: relative; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxleft .boxbottom .imgcanvas .imgboxpeilian { position: absolute; top: 5px; left: 5px; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxleft .boxbottom .imgcanvas .imgboxpeilian img { width: 40px; max-height: 40px; border-radius: 50%; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxleft .boxbottom .imgcanvas .dengjibox { position: absolute; top: -8px; right: -10px; background: #f03726; border-radius: 3px; font-size: 12px; color: #ffffff; width: 26px; height: 14px; line-height: 15px; text-align: center; padding: 0 3px; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright { display: flex; justify-content: space-between; flex-wrap: wrap; flex-grow: 1; width: 100%; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxmiddle { width: 100%; height: auto; padding: 10px; align-items: inherit; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .wenbentitle{ padding: 10px 10px 0 10px; width: 100%; word-wrap:break-word;/* 新加的强制换行，因为有个别商品标题不换行 */ } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .wenbentitle a { font-size: 14px; line-height: 18px; font-weight: 700; color: #525257; transition: all 0.3s ease-in-out; text-decoration: none; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .wenbentitle a:hover { color: #f03726; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxmiddle .tuleft .imgbox a { width: 128px; height: 87px; display: inline-block; background: #fff; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxmiddle .tuleft img { width: 128px; height: 87px; border-radius: 3px; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxmiddle .id_num { display: block; font-size: 14px; line-height: 12px; color: #9292a2; padding: 8px 0 ; } #product_list .content__inner .container_box .products__content .liebiao .libox .jubao a { text-decoration: underline; color: #9292A2; } #product_list .content__inner .container_box .products__content .liebiao .libox .deail_search{ color: red; } #product_list .content__inner .container_box .products__content .liebiao .libox .jubao a:hover { color: red; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxmiddle .wenbenbox { flex-grow: 1; padding-left: 18px; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxmiddle .wenbenbox .wenbenboxlie { margin-top: 4px; min-width: 200px; font-size: 12px; color: #9292a2; justify-content: flex-start; align-items: flex-start; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxmiddle .wenbenbox .wenbenboxlie span { text-align: left; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxmiddle .wenbenbox .wenbenboxlie span:first-child { min-width: 70px; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxmiddle .wenbenbox .wenbenboxlie span:last-child { width: auto; flex-grow: 1; word-break: break-all; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxmiddle .wenbenbox .genginfo { font-size: 14px; margin-top: 20px; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxmiddle .wenbenbox .genginfo .glyxia { font-size: 14px; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxrightright { width: 100%; flex-wrap: wrap; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxrightright .timebox{ width: 100%; display: flex; border-top: 1px solid #d7d7e0; border-bottom: 1px solid #d7d7e0; min-height: 86px; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxrightright .timebox .time_time{ border-right: 1px solid #d7d7e0; padding:0 10px; min-width: 124px; flex-direction: column; justify-content: center; font-family: serif; font-weight: bold; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxrightright .timebox .time_time .goldbox{ font-size: 14px; font-family: Sans-Serif; } #product_list .timebox .time_time .goldbox span{ display: inline-block; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxrightright .timebox .inputbox{ padding:0 10px; padding-top: 10px; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxrightright .timebox .product_price { background: #fff; border: 1px solid #d7d7e0; color: #525257; font-size: 13px; line-height: 16px; padding: 5px 10px; width: 104px; display: block; transition: all 0.3s ease-in-out; -webkit-appearance: none; border-radius: 4px; box-shadow: inset 2px 2px 3px 0 rgba(124, 124, 143, 0.1); } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxrightright .timebox .product_price.borderred { border-color: red; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxrightright .sellbox{ width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding: 20px 10px; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxrightright .sellbox .htitle { font-weight: bold; font-size: 20px; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxrightright .sellbox .buttonbox { text-align: center; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxrightright .sellbox .buttonbox button { font-weight: 700; letter-spacing: 1px; font-size: 16px; padding: 6px 20px; text-transform: uppercase; background: #f03726; color: #fff; border: 0; border-radius: 30px; position: relative; transition: all 0.3s ease-in-out; display: inline-block; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxrightright .sellbox .buttonbox button:hover { background: #d22d1e; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxrightright .sellbox .imgbox { justify-content: center; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxrightright .sellbox .imgbox .icontu1 { margin-right: 10px; width: 27px; height: 27px; background-position: -47px -125px; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .product_infobox { padding: 0 30px; box-sizing: border-box; height: 0; overflow: hidden; transition: all .5s; width: 100%; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .product_infobox.xianshi { height: auto; padding-bottom: 20px; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .product_infobox.xianshi .product_info { width: 100%; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .product_infobox .product_info { position: static; width: 0; padding: 38px 30px; transition: all .5s; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .product_infobox .product_info .products-alert__text { color: #EFA040; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .product_infobox .product_info .more-info__text { color: #b9b9cb; } #product_list .sell-product { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; } #product_list .sell-product .libox { flex-grow: 1; height: 70px; background: #FEA700; padding: 0 20px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #product_list .sell-product .libox:nth-child(2) { background: #12A8F4; } #product_list .sell-product .libox:nth-child(3) { background: #FE6700; } #product_list .sell-product .libox:nth-child(4) { background: #962BC9; } #product_list .sell-product .libox:nth-child(5) { background: #16DA8E; } #product_list .sell-product .libox .title { color: #fff; font-weight: bold; font-size: 20px; } #product_list .sell-product .libox .small_title { color: #f5eeee; } #product_list .sell-product .sell-product__title { color: #525257; margin: 0; padding: 0; text-transform: uppercase; padding-bottom: 10px; border-bottom: 1px solid #e2e2ea; font-size: 36px; line-height: 40px; font-weight: 700; } #product_list .sell-product .sell-product__link-list { margin-top: 20px; } #product_list .sell-product .sell-product__link-list li { display: inline-block; margin-right: 60px; margin-bottom: 10px; } #product_list .sell-product .sell-product__link-list li a { color: #f03726; transition: all 0.3s ease-in-out; text-decoration: none; text-transform: uppercase; font-size: 20px; letter-spacing: .06rem; } #product_list .game_info .products__content { border-radius: 4px; box-shadow: 0 5px 5px 0 rgba(85, 85, 85, 0.06); background: #fff; margin: 0 0 50px; } #product_list .game_info .products__content .game-description { background: #fff; border-radius: 4px; box-shadow: 0 5px 5px 0 rgba(85, 85, 85, 0.06); padding: 34px 25px 19px; position: relative; margin-bottom: 50px; } #product_list .game_info .products__content .game-description .game-description__title { margin: 0; font-size: 24px; line-height: 24px; font-weight: 600; padding: 0 0 30px; color: #414245; font-family: Bebas_Neue; } #product_list .game_info .products__content .game-description .game-description__left { display: inline-block; vertical-align: top; width: 415px; padding-right: 50px; float: left; } #product_list .game_info .products__content .game-description .game-description__left .game-info { overflow: hidden; margin-bottom: 20px; } #product_list .game_info .products__content .game-description .game-description__left .game-info .game-info__list { margin: -1px 0 0; } #product_list .game_info .products__content .game-description .game-description__left .game-info .game-info__list .game-info__list-item { padding: 8px 0 8px; border-top: 1px solid #efeff4; } #product_list .game_info .products__content .game-description .game-description__left .game-info .game-info__list .game-info__list-item:first-child { border-top: none; } #product_list .game_info .products__content .game-description .game-description__left .game-info .game-info__list .game-info__list-item .game-info__title { display: inline-block; vertical-align: top; max-width: 177px; min-width: 77px; font-size: 11px; color: #9292a2; text-transform: uppercase; padding: 0 15px 0 0; position: relative; overflow: hidden; text-overflow: ellipsis; } #product_list .game_info .products__content .game-description .game-description__left .game-info .game-info__list .game-info__list-item .game-info__info { display: inline-block; vertical-align: top; max-width: 265px; width: 100%; font-size: 13px; } #product_list .game_info .products__content .game-description .game-description__left .game-info .game-info__list .game-info__list-item .game-info__info a { color: #169DE4; } #product_list .game_info .products__content .game-description .game-description__left .game-info .game-info__list .game-info__list-item .game-info__info a:hover { text-decoration: underline; } #product_list .game_info .products__content .game-description .game-description__right { display: inline-block; vertical-align: top; /*width: 670px;*/ width: 100%; font-size: 14px; color: #a2a2b0; margin-bottom: 30px; } #product_list .game_info .products__content .game-description .game-description__right h1{ color: #525257!important; font-size: 22px; margin-top: 20px; margin-bottom: 5px; font-family: 'bebas_neue'; } #product_list .game_info .products__content .game-description .game-description__right h2{ color: #414245!important; font-size: 22px; margin-bottom: 5px; font-weight: 700; font-family: Bebas_Neue; margin-top: 20px; } #product_list .game_info .products__content .game-description .game-description__right h3{ color: #67676d!important; font-size: 20px; margin-top: 20px; margin-bottom: 5px; font-family: 'bebas_neue'; } #product_list .game_info .products__content .game-description .game-description__right h1 span{ color: #525257!important; } #product_list .game_info .products__content .game-description .game-description__right h2 span{ color: #525257!important; } #product_list .game_info .products__content .game-description .game-description__right h3 span{ color: #525257!important; } #product_list .game_info .products__content .game-description .game-description__right h4{ color: #525257!important; font-size: 22px; margin-top: 20px; margin-bottom: 5px; font-family: 'bebas_neue'; } #product_list .game_info .products__content .game-description .game-description__right h4 span{ color: #525257!important; } #product_list .game_info .products__content .game-description .game-description__right p{ margin: 0; line-height: 22px; padding: 0 0 8px; font-family: 'Goth_pro'; color: #797984; margin-top: 5px; } #product_list .game_info .products__content .game-description .game-description__right p strong{ font-family: 'Gothbold'; color: #414245; } #product_list .game_info .products__content .game-description .game-description__right p a{ text-decoration: none!important; } #product_list .game_info .products__content .game-description .game-description__right p a span strong{ text-decoration:none!important; color: #ff4424; } #product_list .game_info .products__content .game-description .game-description__right p a span strong:hover{ text-decoration:none!important; color: #1b99ca; } #product_list .game_info .products__content .game-description .game-description__right .game-description__text:last-child { padding: 0; } #product_list .game_info .products__content .game-description .game-description__right .game-description__text td,#product_list .game_info .products__content .game-description .game-description__right .game-description__text th{ padding: 6px; } #product_list .game_info .products__content .game-description .game-description__right .game-description__text td img{ max-width: none; } #product_list .load-more { padding-bottom: 35px !important; padding-top: 30px!important; text-align: center; } #product_list .load-more #lazy-load-btn {text-align: center; vertical-align: top; font-weight: 700; font-family: 'bebas_neue'; letter-spacing: 1px; font-size: 18px; line-height: 18px; padding: 13px 28px; text-transform: uppercase; background: #565669; color: #fff; border: 0; border-radius: 30px; position: relative; transition: all .3s ease-in-out; display: inline-block; text-decoration: none; min-width: 250px; } #product_list .load-more #lazy-load-btn:hover { background: #4c4c4c; } #product_list_two .load-more { padding-bottom: 35px !important; padding-top: 30px!important; text-align: center; } #product_list_two .load-more #lazy-load-btn {text-align: center; vertical-align: top; font-weight: 700; font-family: 'bebas_neue'; letter-spacing: 1px; font-size: 18px; line-height: 18px; padding: 13px 28px; text-transform: uppercase; background: #565669; color: #fff; border: 0; border-radius: 30px; position: relative; transition: all .3s ease-in-out; display: inline-block; text-decoration: none; min-width: 250px; } #product_list_two .load-more #lazy-load-btn:hover { background: #4c4c4c; } #product_list #equipment { /*border: 1px solid transparent;*/ width: 100%; overflow: hidden; position: relative; /*height: 174px; max-height: 174px;*/ height: 220px; max-height: 220px; } #product_list #equipment .equipment_container_box{ position: relative; } #product_list #equipment .equipment_nav { padding: 10px 0; position: relative; } #product_list #equipment .equipment_nav span { margin-right: 10px; } #product_list #equipment .equipment_nav span.shou { font-size: 15px; font-weight: bold; } #product_list #equipment .equipbox { overflow: hidden; position: relative; height: 130px; width: 100%; } #product_list #equipment .equipmentbox { position: absolute; height: auto; left: 0; right: 0; bottom: 0; } #product_list #equipment .equipment_box { width: 100%; transition: all .5s; position: relative; height: 130px; } #product_list #equipment .equipment_box .anniua { position: absolute; width: 32px; height: 32px; color: #f03726; line-height: 32px; text-align: center; font-size: 30px; margin: 0; top: 49px; } #product_list #equipment .equipment_box .anniua.anleft { left: 9px; } #product_list #equipment .equipment_box .anniua.anright { right: 9px; } #product_list #equipment .equipment_box .ulposition { overflow: hidden; width: 1040px; margin: 0 auto; position: relative; height: 130px; } #product_list #equipment .equipment_box .ulposition .ulbox { width: auto; position: absolute; transition: all .5s; top: 0; left: 0; } #product_list #equipment .equipment_box .ulposition .ulbox .libox { list-style: none; width: 130px; height: 130px; padding: 16px; box-sizing: border-box; position: relative; cursor: pointer; float: left; border: 1px solid #ddd; border-left: 0; } #product_list #equipment .equipment_box .ulposition .ulbox .libox .leftborder{ height: 130px; border-left: 1px solid #ddd; position: absolute; top: 0; left: -1px; } #product_list #equipment .equipment_box .ulposition .ulbox .libox.active { background: #ffffff; border-bottom: 3px solid #f03726; } #product_list #equipment .equipment_box .ulposition .ulbox .libox.active .wenben { color: #000; } #product_list #equipment .equipment_box .ulposition .ulbox .libox:hover { background: #ffffff; border-bottom: 3px solid #f03726; } #product_list #equipment .equipment_box .ulposition .ulbox .libox:hover .wenben { color: #000; } #product_list #equipment .equipment_box .ulposition .ulbox .libox.return .imgbox .glyphicon { font-size: 48px; margin: 0; color: #9292A2; } #product_list #equipment .equipment_box .ulposition .ulbox .libox .liboxa { position: absolute; z-index: 10; width: 130px; height: 130px; padding: 16px; top: 0; left: 0; } #product_list #equipment .equipment_box .ulposition .ulbox .libox:first-child { border-left: 1px solid #ddd; } #product_list #equipment .equipment_box .ulposition .ulbox .libox .glyxia { position: absolute; right: 0; top: 0; color: #9292a2; font-size: 12px; margin-right: 10px; width: 100%; height: 100%; text-align: right; padding-top: 7px; } #product_list #equipment .equipment_box .ulposition .ulbox .libox .wenben { margin-top: 10px; text-align: center; color: #9292A2; } #product_list #equipment .equipment_box .ulposition .ulbox .libox .imgbox { text-align: center; height: 48px; } #product_list #equipment .equipment_box .ulposition .ulbox .libox .imgbox img { max-height: 48px; } /******注册 start**********/ .register_index { min-height: 100vh; background: url(../images/bg.jpg) no-repeat top center; background-color: #ebebeb; } .register_index .a:link, .register_index .a:visited { text-decoration: none; color: #6ec8c7; opacity: 0.8; -webkit-transition: 0.1s; transition: 0.1s; } .register_index .a:hover { opacity: 1; } .register_index #embed-captcha .geetest_holder { max-width: calc( 100vw - 60px); } .register_index .midsection-small { width: 460px; text-align: center; margin: auto; max-width: 90%; } .register_index .midsection-small .logo { text-align: center; padding: 20px 0 10px 0; } .register_index .midsection-small .logo .sa-logo { height: 78px; width: 250px; display: inline-block; vertical-align: top; } .register_index .midsection-small .logo .sa-logo.sa-logo-g2g { background: url(../images/logo.png) no-repeat 50px center; } .register_index .midsection-small .card-small { width: auto; height: auto; background: #FFFFFF; border-radius: 6px 6px 0 0; border: 1px solid #ebebeb; margin-top: 10px; padding: 30px; } .register_index .midsection-small .card-small .text_p{ text-align: justify; } .register_index .midsection-small .text_p a{ color: #2baef1; } .register_index .midsection-small .card-small h2 { color: #e7262c; text-align: center; padding: 0 0 20px 0; } .register_index .midsection-small .partition { width: auto; margin: 50px 0; height: 0; border-top: 1px solid #ebebeb; } .register_index .midsection-small .partition .partition-ball { position: relative; margin-left: 45%; top: -8px; text-align: center; width: 30px; font-size: 14px; font-weight: bold; color: #999999; background-color: #ffffff; } .register_index .midsection-small .form { font-size: 14px; color: #333333; display: block; } .register_index .midsection-small .form .form-group { position: relative; } .register_index .midsection-small .form .form-group .input_eye{ position: absolute; top: 10px; right: 0; width: 40px; height: 44px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #9DA4AA; cursor: pointer; } .register_index .midsection-small .form .form-group .input_imgbox { position: absolute; top: 10px; left: 0; width: 40px; height: 44px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .register_index .midsection-small .form .form-group .input_imgbox .input_img { max-height: 100%; max-width: 100%; } .register_index .midsection-small .form .form-group input[type=text], .register_index .midsection-small .form .form-group input[type=password], .register_index .midsection-small .form .form-group input[type=date], .register_index .midsection-small .form .form-group input[type=number], .register_index .midsection-small .form .form-group input[type=tel] { width: 100%; padding: 11px 40px; margin: 10px 0; box-sizing: border-box; border: 1px solid #ccc; -webkit-transition: 0.2s; transition: 0.2s; outline: none; background-color: #fff; color: #999; font-size: 14px; text-align: left; border-radius: 4px; } .register_index .midsection-small .form .form-group input[type=text]:focus, .register_index .midsection-small .form .form-group input[type=password]:focus, .register_index .midsection-small .form .form-group input[type=date]:focus, .register_index .midsection-small .form .form-group input[type=number]:focus, .register_index .midsection-small .form .form-group input[type=tel]:focus { border: 1px solid #6ec8c7; color: #6ec8c7; } .register_index .midsection-small .form .form-group .input-row-error i, .register_index .midsection-small .form .form-group .input-row-error span { margin: 0; color: #FF8A84; } .register_index .midsection-small .form .form-group .input-row-error i { margin-right: 6px; } .register_index .midsection-small .form .form-group.formsuccess input { border: 1px solid #6ec8c7; color: #6ec8c7; } .register_index .midsection-small .form .form-group.formerror input { border-color: #ff8a84; color: #ff8a84; } .register_index .midsection-small .form .forgetpassword { display: flex; justify-content: flex-end; align-items: center; color: #666666; margin-bottom: 20px; } .register_index .midsection-small .form .btn-submit-full { width: 100%; background-color: #e0261a; color: #FFFFFF; border: 1px solid; font-weight: bold; font-size: 12px; padding: 15px 20px; border-radius: 50px; cursor: pointer; min-width: 120px; text-transform: uppercase; } .register_index .midsection-small .jumpbox { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 20px; background: #f6f6f6; } .register_index .midsection-small .jumpbox .jump_con .jump_img { height: 30px; margin-bottom: 10px; } .register_index .midsection-small .jumpbox .jump_con .jump_img img { max-height: 30px; } .register_index .midsection-small .jumpbox .jump_con .jump_title { color: #000; font-weight: bold; margin-bottom: 6px; } .register_index .midsection-small .tongyi { position: relative; display: inline-block; width: 100%; padding-bottom: 30px; font-size: 12px; color: #999999; line-height: 1.3; } .register_index .midsection-small .tongyi .input-row { display: inline-block; height: 30px; width: auto; } .register_index .midsection-small .tongyi a:link, .register_index .midsection-small .tongyi a:visited { text-decoration: none; color: #6ec8c7; opacity: 0.8; -webkit-transition: 0.1s; transition: 0.1s; } .register_index .midsection-small .tongyi a:hover { opacity: 1; } .register_index .midsection-small .wenbenp { font-family: Helvetica, Arial, "sans-serif"; font-size: 14px; color: #666666; line-height: 1.3; } .register_index .midsection-small .wenbenp a:link, .register_index .midsection-small .wenbenp a:visited { text-decoration: none; color: #6ec8c7; opacity: 0.8; -webkit-transition: 0.1s; transition: 0.1s; } .register_index .midsection-small .wenbenp a:hover { opacity: 1; } .register_index footer { padding: 50px 0; text-align: center; } .register_index footer p { font-size: 14px; color: #666666; line-height: 1.3; } .register_index footer a { color: #E0261A; } /******注册 end**********/ /********************贷款 start*******************/ .loans .loans_box{ background: #fff; border-radius: 4px; box-shadow: 0 1px 1px 0 #ddd; padding: 30px 0; font-weight: bold; } .loans .loans_header{ padding: 0 30px 3px; font-size: 24px; color: #535258; font-weight: bold; font-family: 'bebas_neue'; } .loans .loans_header .h1_title{ font-size: 30px; font-family: 'bebas_neue'; } .loans .padding_anther{ padding: 0 30px; } .loans .steps{ padding: 10px 30px 20px; } .loans .steps .steps_box{ background: #F2F2F2; border-radius: 7px; height: 40px; overflow: hidden; } .loans .steps .steps_libox{ width: 25%; min-width: 25%; text-align: center; position: relative; height: 40px; line-height: 40px; color: #8787bc; } .loans .steps .steps_libox.active{ background: #8787bc; color: #fff; } .loans .steps .steps_libox .borderbox{ position: absolute; width: 40px; height: 40px; top: 0; right: -16px; z-index: 100; border: 3px solid #fff; transform: rotateZ(45deg); border-left-color: transparent; border-bottom-color: transparent; background: #F2F2F2; } .loans .steps .steps_libox.active .borderbox{ background: #8787bc; } .loans th,.loans td{ text-align: center; border-bottom: 1px solid #ddd !important; padding-top: 20px !important; padding-bottom: 20px !important; font-size: 14px; } .loans .loans_balance_table th{ width: 20%; background: #FAFAFC; font-weight: normal; color: #A6A5AD; } .loans .price_other{ font-size: 16px; } .loans .conversion{ font-weight: bold; } .loans .btn{ border-radius: 20px; padding: 8px 12px; min-width: 84px; } /*提款*/ .loans .withdrawals .withdrawals_choose{ padding: 40px 0; background: #EDEDED; } .loans .withdrawals .choosebox{ /*padding: 50px 41px 20px;*/ padding: 30px; flex-wrap: wrap; } .loans .account_choose .choosebox_new{ margin: 0 -15px; } .loans .account_choose .choosebox_new .choose_libox{ width: 25%; padding: 15px; margin-right: 0; margin-bottom: 0; box-shadow: none; } .loans .account_choose .choosebox .choose_libox .verify_libox_card_list{ cursor: pointer; display: block; box-shadow: 0 0 5px 0 #ddd; border-radius: .85rem; } /* Verify Modal */ #verifylistModal .modal-dialog{ margin-top: 15rem; } #verifylistModal .modal-content{ border-radius: 10px; } .verify-list-headline{ margin: 0; padding: 0; } .verify-list-headline li{ overflow: hidden; margin-bottom: 15px; list-style-type: none; } .verify-list-headline li .link-block{ border: 1px solid #eee; background-image: linear-gradient(#fcfcfc, #ffffff); border-radius: 10px; padding:0 30px; display: flex; flex-wrap: wrap; align-items: center; position: relative; text-decoration: none; } .verify-list-headline li .link-block i{ position: absolute; top: 3.75rem; right: 2rem; font-size: 2rem; color: #999; } .verify-list-headline li .icon-pic{ width: 115px; height: 115px; } .verify-list-headline li .text-box{ padding-left: 15px; } .verify-list-headline li .text-box .title{ width: 100%; font-weight: bold; margin-bottom: 10px; } .verify-list-headline li .text-box .text{ width: 100%; color: #7a7a7a; } #verifylistModal .modal-header{ padding: 15px 20px; } #verifylistModal .modal-title{ color: #6a6f80; font-weight: 700; } .loans .withdrawals .choose_libox{ width: 242px; margin-right: 15px; font-weight: bold; border-radius: 4px; background: #fff; margin-bottom: 30px; box-shadow: 0 0 5px 0 #ddd; position: relative; } .loans .withdrawals .choose_libox:nth-child(3n+3){ margin-right: 0; } .loans .withdrawals .libox_top{ padding: 10px; height: 144px; } .loans .withdrawals .account_choose .libox_top{ height: 124px; } .loans .withdrawals .currency{ border: 1px solid #ddd; text-align: center; height: 30px; line-height: 30px; min-width: 50px; display: inline-block; border-radius: 4px; } .loans .withdrawals .choose_imgbox{ text-align: center; display: block; } .loans .withdrawals .account_choose .choose_imgbox{ padding-top: 15px; } .loans .withdrawals .choose_imgbox img{ max-width: 130px; max-height: 70px; } .loans .withdrawals .choose_title{ height: 60px; } .loans .withdrawals .choose_title .text_p{ min-height: 40px; font-size: 14px; } .loans .withdrawals .choose_title .text_t{ color: #4a35a6; } .loans .withdrawals .libox_bottom{ border-top: 2px solid #F1F1F1; background: #F7F5F6; padding: 10px 15px; } .loans .withdrawals .libox_bottom .operation{ color: #000; font-size: 14px; } .loans .withdrawals .libox_bottom .operation:nth-child(2){ margin-left: 15px; } .loans .withdrawals .add_account{ padding-top: 20px; } .loans .withdrawals .account_box{ padding: 30px 30px 0; } .loans .withdrawals .selectall .selectanniu ,.loans .withdrawals .selectall .ulbox{ max-width: 464px; } .loans .total_amount{ margin-top: 80px; } .loans .total_amount .amountbox{ padding: 0 30px; } .loans .total_amount .amountbox .amount_libox{ padding: 10px 0; max-width: 600px; font-weight: bold; color: #535258; } .loans .total_amount .amountbox .amount_libox.balance_libox{ border-bottom: 1px solid #ddd; } .loans .total_amount .amountbox .amount_libox .amount_left{ min-width: 200px; } .loans .total_amount .amountbox .amount_libox .amount_right{ font-weight: bolder; } .loans .total_amount .amountbox .amount_libox.balance_libox .amount_right{ color: #8787bc; } .loans .total_amount .amount_input{ padding: 40px 30px; } .loans .total_amount .amount_input .text_p{ font-weight: bold; color: #535258; padding-bottom: 6px; } .loans .total_amount .amount_input .input_box{ position: relative; } .loans .total_amount .amount_input .input_box .balance_input{ width: 100%; height: 40px; border: 1px solid #ddd; max-width: 500px; border-radius: 4px; box-shadow: 0 0 3px 0 #ddd inset; padding: 0 10px 0 60px; } .loans .total_amount .amount_input .input_box .currency{ position: absolute; top: 1px; left: 1px; text-align: center; min-width: 50px; height: 38px; line-height: 38px; background: #FAFAFC; border-radius: 4px 0 0 4px; border-right: 1px solid #ddd; } .loans .total_amount .amountbox.other{ background: #FAFAFC; padding: 40px 30px; } .loans .total_amount .amountbox.other .amount_libox .amount_right{ color: #535258; font-weight: bold; } .loans .total_amount .amount_messagebox{ padding: 30px 30px 0; } .loans .total_amount .amount_message{ padding-top: 20px; } .loans .total_amount .amount_message .message_left{ min-width: 180px; } .loans .total_amount .amount_message .message_left .message_imgbox{ width: 150px; display: flex; justify-content: center; align-items: center; border: 1px solid #ddd; border-radius: 3px; height: 150px; } .loans .total_amount .amount_message .message_left .message_imgbox img{ width: 130px; height: 70px; } .loans .total_amount .amount_message .message_right{ flex-grow: 1; font-weight: normal; } .loans .title_box{ margin-bottom: 10px; } .loans .title_title{ font-size: 16px; color: #828588; font-family: 'Gothbold'; border-bottom: 1px solid #eee; margin-bottom: 3px; background: #f8f8f8; padding: 5px 10px; } .paym-pages-info-text-wrapper{ padding: 15px; overflow: hidden; margin-top: 15px; border-radius: 2px; background: #f9f8f4; border: 1px solid #f1eddd; } .paym-pages-info-text-wrapper p{ background: none!important; } .paym-pages-info-text-wrapper h4{ background: none!important; } .paym-pages-info-text-wrapper h5{ background: none!important; } .paym-pages-info-text-wrapper span{ background: none!important; } .loans .title_content{ color: #000; } .loans .message_content_title{ text-transform: uppercase; font-size: 16px; font-family: "bebas_neue", Verdana; color: #817e7e; } .loans .total_amount .amount_message .message_right b,.loans .total_amount .amount_message .message_right .font_color_red{ font-weight: bolder; } .loans .total_amount .amount_messagebox .buttonbox{ margin-top: 60px; padding: 30px 0 0; border-top: 1px solid #ddd; } .loans .total_amount .amount_messagebox .buttonbox button{ font-weight: bolder; } .loans .total_amount .amount_messagebox .buttonbox .btn-default{ background: #fff; border: 1px solid #817e7e; color: #817e7e; margin-right: 10px; } .loans .loans_add_header{ color: #222; padding: 0 30px 30px; font-size: 28px; font-weight: 700; font-family: Arial, Helvetica, sans-serif; border-bottom: 1px solid #eee; } .loans.loans_add .total_amount{ margin-top: 0; } .loans .padding_lr30{ padding: 0 30px; } .loans .title_loans_add{ height: 50px; line-height: 50px; max-width: 540px; background: #FAFAFC; padding-left: 30px; box-shadow: 0 1px 3px 0 #ddd; color: #82828D; font-size: 20px; margin-bottom: 20px; letter-spacing: 2px; } .loans.loans_add .total_amount .amount_input{ padding-bottom: 0; } .loans.loans_add .total_amount .amount_input .text_p{ color: #82828D; } .loans.loans_add .total_amount .amount_input .input_box .balance_input{ padding-left: 10px; } .loans.loans_add .total_amount .amount_message{ padding-top: 0; } .loans.loans_add .total_amount .inputboxyzhen input{ width: 54px; height: 36px; font-size: 20px; text-align: center; border-radius: 4px; margin-right: 6px; margin-bottom: 6px; color: #9e9797; border: 1px solid #ccc; font-weight: normal; } .loans.loans_add .total_amount .fasong button{ height: 40px; opacity: 0.8; text-align: center; background-color: #FFFFFF; color: #6ec8c7; border: 1px solid #6ec8c7; border-radius: 50px; padding: 0 20px; } .loans.loans_add .total_amount .fasong button:hover{ opacity: 1; } /********************贷款 end*******************/ /********product_list 游戏列表 end**********/ /***********************product_search start 搜索列表***********************************************/ .product_search { padding-bottom: 40px; background: #F7F7FA; } .product_search .product_search_xuanxiang { background: #F5F5F5; } .product_search .product_search_xuanxiang .container_box { padding: 0 15px; } .product_search .product_search_xuanxiang .container_box .ulbox { display: flex; align-items: center; flex-wrap: wrap; } .product_search .product_search_xuanxiang .container_box .ulbox .libox a { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 125px; height: 90px; padding: 7px 10px; border-right: 1px solid #e2e2ea; } .product_search .product_search_xuanxiang .container_box .ulbox .libox:last-child a{ border: 0; } .product_search .product_search_xuanxiang .container_box .ulbox .libox a .imgbox { width: 51px; height: 51px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product_search .product_search_xuanxiang .container_box .ulbox .libox a .imgbox img { max-width: 100%; max-height: 100%; } .product_search .product_search_xuanxiang .container_box .ulbox .libox a .wenben { margin-top: 6px; color: #9292A2; white-space: nowrap; } .product_search .product_search_xuanxiang .container_box .ulbox .libox.active { background: #fff; border-bottom: 2px solid #e1251b; } .product_search .product_search_xuanxiang .container_box .ulbox .libox:hover .wenben { color: #27279c; } .product_search .container_box { color: #9292A2; } .product_search .container_box .h2_title { font-size: 26px; line-height: 34px; font-weight: 400; margin-bottom: 10px; margin-top: 40px; } .product_search .container_box .h2_title+.wenben{ padding: 0 10px; } .product_search .container_box .wenben { margin-bottom: 6px; } .product_search .container_box .searchbox { width: 100%; background: #fff; border-radius: 4px; position: relative; border: 1px solid #e0e4ec; height: 40px; display: flex; } .product_search .container_box .searchbox input { border: none; border-radius: 0; box-shadow: none; width: calc(100% - 124px); background: transparent; } .product_search .container_box .searchbox button { width: 84px; display: flex; align-items: center; background: #fff; color: #a2a2b2; border: 0; border-left: 1px solid #e0e4ec; font-size: 16px; } .product_search .container_box .searchbox button .glyphicon { font-size: 16px; margin-right: 8px; } .product_search .container_box .searchbox .imgbox { cursor: pointer; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; } .product_search .container_box .searchbox .searchtankuang { position: absolute; z-index: 101; top: 100%; right: -2px; width: 282px; border: 1px solid #e0e4ec; border-radius: 4px; -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.08); background: #fff; padding: 12px 15px 14px; } .product_search .container_box .searchbox .searchtankuang table { width: 100%; border: 1px solid #e6e9ef; } .product_search .container_box .searchbox .searchtankuang table td { width: 37px; border-right: 1px solid #e6e9ef; border-bottom: 1px solid #e6e9ef; padding: 0; } .product_search .container_box .searchbox .searchtankuang table td a { text-decoration: none; display: block; text-align: center; height: 22px; line-height: 25px; color: #696D83; font-size: 10px; font-weight: 500; text-transform: uppercase; } .product_search .container_box .searchbox .searchtankuang table td a.you { color: #f03726; } .product_search .container_box .searchbox .searchtankuang table td a.active { background: #EAEAEA; } .product_search .container_box .searchbox .searchtankuang table td a:hover { background: #f6f7f9; } .product_search .container_box .remen_ul .remen_li { position: relative; width: 263px; height: 120px; overflow: hidden; margin-top: 30px; cursor: pointer; background: #fff; } .product_search .container_box .remen_li .remen_lia{ display: block; width: 100%; height: 100%; padding: 0 15px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; } .product_search .container_box .remen_ul .remen_li .wenbenbox { position: static !important; color: #000 !important; } .product_search .container_box .remen_ul .remen_li .wenbenbox .h3_title { margin-bottom: 10px; font-size: 14px !important; height: 36px; } .product_search .container_box .remen_ul .remen_li .wenbenbox .jc_price { display: inline-block; color: #303030 !important; font-weight: 500; font-size: 13px; line-height: 13px; padding: 4px 12px !important; background: #fff; border-radius: 4px; border: 1px solid #e0e0e0; } /***********************product_search end 搜索列表***********************************************/ /**************person_index 个人中心 start****************/ .person_index { background: #F7F7FA; } .person_index .person_henfu { max-height: 315px; height: auto; width: 100%; overflow: hidden; position: relative; } .person_index .person_henfu .imgbanner { width: 100%; min-height: 300px; } .person_index .person_henfu .inputfile { width: 100%; height: 100%; top: 0; left: 0; z-index: 101; position: absolute; cursor: pointer; } .person_index .person_henfu .inputfile:hover { background: rgba(0, 0, 0, 0.1); } .person_index .person_henfu .inputfile:hover .boxbox { display: block !important; } .person_index .person_henfu .inputfile .box { display: flex; justify-content: center; } .person_index .person_henfu .inputfile .box .boxbox { padding-top: 50px; max-width: 1170px; display: none; width: auto; } .person_index .person_henfu .inputfile .box .yuan { border-radius: 50%; width: 110px; height: 110px; border: 3px solid #fff; background: rgba(43, 43, 54, 0.3); padding: 38px 5px; text-align: center; margin: 0 auto 12px ; } .person_index .person_henfu .inputfile .box .yuan span { margin: 0; font-size: 30px; color: #fff; } .person_index .person_henfu .inputfile .box .wenben .con { color: #fff; text-align: center; margin: 0; margin-bottom: 10px; } .person_index .person_henfu .inputfile .box .wenben .h3_title { font-size: 20px; font-weight: bold; color: #fff; text-align: center; margin: 0; margin-bottom: 10px; } .person_index .person_henfu .inputfile .box .wenben .h3_title + .textp { color: #fff; text-align: center; margin: 0; margin-bottom: 10px; } .person_index .person_henfu #door_img { display: none; } .person_index .person_main .person_mainbox { position: relative; top: -40px; z-index: 103; border-radius: 6px; background: #fff; box-shadow: 0 5px 5px 0 rgba(85, 85, 85, 0.06); } .person_index .person_main .person_box { padding: 36px 30px 35px; height: auto; background: #fff; border-radius: 6px; align-items: flex-start; flex-wrap: wrap; } .person_index .person_main .person_box .left { display: flex; margin-bottom: 10px; flex-wrap: wrap; } .person_index .person_main .person_box .left .imgfilebox { width: 110px; height: 110px; border-radius: 50%; max-width: 100%; cursor: pointer; position: relative; } .person_index .person_main .person_box .left .imgfilebox:hover .text_upload { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .person_index .person_main .person_box .left .imgfilebox .text_upload { position: absolute; width: 100%; height: 100%; border-radius: 50%; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); font-size: 15px; color: #fff; cursor: pointer; display: none; } .z2u.en .person_index .person_main .person_box .left .imgfilebox .text_upload{ font-size: 12px; font-weight: bolder; } .person_index .person_main .person_box .left .imgfilebox input { display: none; } .person_index .person_main .person_box .left .imgfilebox .imgtu { width: 110px; height: 110px; border-radius: 50%; max-width: 100%; cursor: pointer; } .person_index .person_main .person_box .left .imgfilebox .yuan { position: absolute; bottom: 0; right: 10px; border: 4px solid #fff; border-radius: 50%; width: 23px; height: 23px; background: #16DA8E; } .person_index .person_main .person_box .left .wenbenbox { margin-left: 20px; } .person_index .person_main .person_box .left .wenbenbox .wenben { align-items: baseline; } .person_index .person_main .person_box .left .wenbenbox .wenben .wenbenname { color: #0088cc; font-size: 24px; font-weight: bold; } .person_index .person_main .person_box .left .wenbenbox .wenben .fasong { margin-left: 10px; cursor: pointer; } .person_index .person_main .person_box .left .wenbenbox .wenben .fasong span { color: #428BCA; } .person_index .person_main .person_box .left .wenbenbox .wenben .fasong.grey span { color: #737387; } .person_index .person_main .person_box .left .wenbenbox .wenben .yanzhen { margin-left: 10px; } .person_index .person_main .person_box .left .wenbenbox .wenben .yanzhen .yanzhenbox { background: #BAC4CA; } .person_index .person_main .person_box .left .wenbenbox .wenben .font_color { color: #0088cc; margin-top: 10px; } .person_index .person_main .person_box .left .wenbenbox .wenben .fensi { color: #9292A2; margin-top: 10px; } .person_index .person_main .person_box .left .wenbenbox .wenben .tu1 { background-position: -10px -224px; margin-top: 10px; } .person_index .person_main .person_box .right .box { border-top-left-radius: 4px; border-bottom-left-radius: 4px; width: 100%; max-width: 235px; text-align: center; border: 1px solid #efeff4; padding: 14px 20px; height: 70px; } .person_index .person_main .person_box .right .box .h3_title { padding: 0 0 3px; font-size: 24px; line-height: 24px; } .person_index .person_main .person_box .right .box .textp { font-size: 13px; line-height: 13px; } .person_index .person_main .person_box .right .box.boxshuang { padding: 0; } .person_index .person_main .person_box .right .box .con { width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 16px; } .person_index .person_main .person_box .right .box .leftleft { border-right: 1px solid #ddd; width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 16px; } .person_index .person_main .person_box .right .box .leftleft .zhan { color: #20c082; font-size: 20px; margin-right: 6px; } .person_index .person_main .person_box .right .box .rightright { width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 16px; } .person_index .person_main .person_box .right .box .rightright .cha { color: #f03726; font-size: 20px; margin-right: 6px; } .person_index .person_main .person_xuanxiang { height: 56px; background: #fafafc; border-top: 1px solid #f1f1f5; } .person_index .person_main .person_xuanxiang .xuanxiangka{ height: 100%; } .person_index .person_main .person_xuanxiang .xuanxiangka .ulbox { height: 100%; padding: 0 10px; } .person_index .person_main .person_xuanxiang .xuanxiangka .ulbox .libox { width: 88px; display: flex; justify-content: center; align-items: center; height: 100%; color: #9292a2; } .person_index .person_main .person_xuanxiang .xuanxiangka .ulbox .libox img { margin-right: 10px; } .person_index .person_main .person_xuanxiang .xuanxiangka .ulbox .libox.active { border-bottom: 2px solid red; } .person_index .person_main .person_xuanxiang .xuanxiangka .ulbox .libox.active a { color: red; } .person_index .person_main .person_xuanxiang .xuanxiangka .ulbox .libox:hover a { color: red; } .person_index .person_xxcontent { padding-bottom: 50px; } .person_index .person_xxcontent .person_ziliao { display: flex; justify-content: space-between; color: #525D77; } .person_index .person_xxcontent .person_ziliao .h3_title { padding: 0 0 22px; font-size: 24px; line-height: 24px; font-weight: 600; } .person_index .person_xxcontent .person_ziliao .ziliaoleft { flex-grow: 1; background: #fff; border-radius: 4px; box-shadow: 0 5px 5px 0 rgba(85, 85, 85, 0.06); padding: 33px 30px 45px; margin-right: 30px; width: 790px; } .person_index .person_xxcontent .person_ziliao .ziliaoleft .text_p { color: #0088cc; word-break: break-all; } .person_index .person_xxcontent .person_ziliao .ziliaoleft .tanboxall { display: inline-block; } .person_index .person_xxcontent .person_ziliao .ziliaoleft .alltankuang { left: -120px; } .person_index .person_xxcontent .person_ziliao .ziliaoleft .alltankuang .inputtext { height: 132px; padding: 13px; } .person_index .person_xxcontent .person_ziliao .ziliaoleft .alltankuang .closexx { display: none; } .person_index .person_xxcontent .person_ziliao .ziliaoleft .person_country { margin-top: 40px; } .person_index .person_xxcontent .person_ziliao .ziliaoleft .person_country .box { border: 1px solid #efeff4; border-radius: 4px; width: auto; display: inline-block; min-width: 156px; height: auto; } .person_index .person_xxcontent .person_ziliao .ziliaoleft .person_country .box .libox { display: flex; justify-content: space-between; padding: 9px 20px 9px 20px; } .person_index .person_xxcontent .person_ziliao .ziliaoleft .person_country .box .libox:nth-of-type(2) { border-bottom: 1px solid #EFEFEF; } .person_index .person_xxcontent .person_ziliao .ziliaoleft .person_country .box .libox span { color: #9292a2; } .person_index .person_xxcontent .person_ziliao .ziliaoleft .person_country .box .libox span.wenbenp, .person_index .person_xxcontent .person_ziliao .ziliaoleft .person_country .box .libox span.wenbens { color: #0088cc; } .person_index .person_xxcontent .person_ziliao .ziliaoright { width: 358px; min-width: 320px; padding: 32px 30px 30px; background: #fff; border-radius: 4px; box-shadow: 0 5px 5px 0 rgba(85, 85, 85, 0.06); } .person_index .person_xxcontent .person_ziliao .ziliaoright .buttonbox { margin-top: 10px; } .person_index .person_xxcontent .person_ziliao .ziliaoright .buttonbox .btnbtn { text-align: center; vertical-align: top; font-weight: 700; letter-spacing: 1px; font-size: 18px; line-height: 18px; padding: 13px 28px; text-transform: uppercase; background: #f03726; color: #fff; border: 0; border-radius: 30px; position: relative; transition: all 0.3s ease-in; } .person_index .person_xxcontent .person_ziliao .ziliaoright .buttonbox .btnbtn:hover { background: #d22d1e; } .person_index .person_xxcontent .person_fenlei { background: #fff; border-radius: 4px; box-shadow: 0 5px 5px 0 rgba(85, 85, 85, 0.06); } .person_index .person_xxcontent .person_fenlei.person_sell { background: unset; box-shadow: none; } .person_index .person_xxcontent .person_fenlei.person_sell .fenxiang .fenxiangbox { background: #426cbc; border-radius: 3px; } .person_index .person_xxcontent .person_fenlei.person_sell .fenxiang .fenxiangbox .f { color: #fff; font-size: 17px; font-weight: bold; padding: 3px 10px; background-color: #365899; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .person_index .person_xxcontent .person_fenlei.person_sell .fenxiang .fenxiangbox .fx { padding: 0 14px 0; font-size: 12px; line-height: 12px; color: #fff; } .person_index .person_xxcontent .person_fenlei.person_sell .contentboy { list-style: none; flex-wrap: wrap; display: flex; justify-content: space-between; padding: 0; } .person_index .person_xxcontent .person_fenlei.person_sell .contentboy .remen_li { position: relative; width: 263px; height: 120px; padding: 0 15px; overflow: hidden; margin-top: 30px; cursor: pointer; background: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; } .person_index .person_xxcontent .person_fenlei.person_sell .contentboy .remen_li.hover:hover { box-shadow: 0 0 11px -1px rgba(0, 0, 0, 0.49); } .person_index .person_xxcontent .person_fenlei.person_sell .contentboy .remen_li .wenbenbox { position: static !important; color: #000 !important; } .person_index .person_xxcontent .person_fenlei.person_sell .contentboy .remen_li .wenbenbox .h3_title { margin-bottom: 10px; font-size: 14px !important; height: 36px; font-weight: bold; } .person_index .person_xxcontent .person_fenlei.person_sell .contentboy .remen_li .wenbenbox .jc_price { display: inline-block; color: #999 !important; font-weight: 500; font-size: 13px; line-height: 13px; padding: 4px 12px !important; background: #fff; border-radius: 4px; border: 1px solid #ccc; } .person_index .person_xxcontent .person_fenlei .noth { color: #737387; } .person_index .person_xxcontent .person_fenlei .noth .tu { padding-top: 20px; display: flex; justify-content: center; align-items: center; } .person_index .person_xxcontent .person_fenlei .noth .tu .box { width: 40px; height: 40px; background: #737387; border-radius: 50%; text-align: center; line-height: 40px; color: #fff; font-size: 30px; } .person_index .person_xxcontent .person_fenlei .noth .tu span { font-size: 60px; } .person_index .person_xxcontent .person_fenlei .noth .wenben { font-size: 18px; padding: 30px 0 50px; display: flex; justify-content: center; align-items: center; } /**************person_index 个人中心 end****************/ /*****************************************login_sell 注册成为卖家 start********************************************************/ .login_sell .selectall .selectanniu, .login_sell .selectall .ulbox { max-width: 100%; } .login_sell .sellnav { padding: 20px 0 1px; background: #000; } .login_sell .sellnav .navbox .ulbox { display: flex; height: 40px; flex-wrap: wrap; } .login_sell .sellnav .navbox .ulbox .libox { color: #c5c4f4; cursor: pointer; position: relative; } .z2u.en .login_sell .sellnav .navbox .ulbox .libox{ font-size: 14px; } .login_sell .sellnav .navbox .ulbox .libox a { padding: 0 20px; height: calc( 100% - 2px ); width: 100%; display: block; } .login_sell .sellnav .navbox .ulbox .libox .home { color: #c5c4f4; } .login_sell .sellnav .navbox .ulbox .libox:hover { color: #fff; } .login_sell .sellnav .navbox .ulbox .libox.active { border-bottom: 2px solid #fff; color: #fff; } .login_sell .sellnav .navbox .ulbox .libox .ziulbox { position: absolute; transition: all 1s; top: 26px; z-index: 100; left: calc(50% - 45px); width: 130px; background: #272323; padding: 8px 0; box-shadow: 0 5px 5px 0 rgba(39, 39, 113, 0.16); } .login_sell .sellnav .navbox .ulbox .libox .ziulbox .zilibox { padding: 8px 15px 0 15px; color: #c5c4f4; } .login_sell .sellnav .navbox .ulbox .libox .ziulbox .zilibox:hover { color: #fff; } .login_sell .sellnav .navbox .ulbox .libox .ziulbox .zilibox.active { color: #fff; } .login_sell .sellnav .navbox .ulbox .libox .glyxia { margin: 0; font-size: 12px; transition: all .3s; transform: rotatez(0deg); } .login_sell .sellnav .navbox .ulbox .libox .glyxia.transform { transform: rotatez(180deg); } .login_sell .sellmain { padding: 30px 0; background: #F7F7FA; min-height: 507px; } .login_sell .sellmain .registerbox { max-width: 750px; background: #fff; border-radius: 4px; box-shadow: 0 5px 5px 0 rgba(85, 85, 85, 0.06); margin: 0 auto; border-bottom: 1px solid #efeff4; } .login_sell .sellmain .registerbox .registerheader { padding: 40px 100px 40px 55px; color: #525257; } .login_sell .sellmain .registerbox .registerheader h1 { font-size: 30px; line-height: 34px; font-weight: 400; letter-spacing: -1px; } .login_sell .sellmain .registerbox .registerheader .wenben .text_p { margin: 0; margin-top: 6px; } .login_sell .sellmain .registerbox .registerheader .wenben .text_p a:hover { color: red; } .login_sell .sellmain .registerbox .register-main-text{ padding: 30px; font-size: .875rem; } .reg-footer-btn{ display: flex; justify-content: center; padding: 30px; } .reg-footer-btn .btn{ margin: 0 15px; border-radius: .25rem; } .reg-footer-btn .btn-default{ color: #666471; background-color: #d4d8df; border-color: #c3c9d3; } .login_sell .sellmain .registerbox .registermain { color: #525257; padding: 50px 130px 60px; } .login_sell .sellmain .registerbox .registermain .title { padding: 17px 30px; background: #fafafc; border-bottom: 1px solid #efeff4; margin: 0 0 24px; } .login_sell .sellmain .registerbox .registermain .title h3 { padding: 0; color: #898997; display: inline-block; vertical-align: middle; letter-spacing: .8px; font-size: 24px; line-height: 24px; font-weight: 600; margin: 0; } .login_sell .sellmain .registerbox .registermain .title.gerenxinxi { margin-top: 30px; } .login_sell .sellmain .registerbox .registermain .libox { padding: 0 20px 0 30px; font-weight: normal; } .login_sell .sellmain .registerbox .registermain .libox label { width: 100%; } .login_sell .sellmain .registerbox .registermain .libox label .wenben { font-size: 12px; color: #898997; } .login_sell .sellmain .registerbox .registermain .libox label .inputbox { margin-top: 6px; } .login_sell .sellmain .registerbox .registermain .libox label .inputbox .select, .login_sell .sellmain .registerbox .registermain .libox label .inputbox .country { width: 100%; height: 42px; padding-left: 10px; border-radius: 4px; } .login_sell .sellmain .registerbox .registermain .libox label .inputbox input[name] { width: 100%; height: 42px; background-color: #fafafc; border: 1px solid #d7d7e0; font-size: 13px; border-radius: 4px; } .login_sell .sellmain .registerbox .registermain .libox label .inputbox button { width: 100%; background: #fff; } .login_sell .sellmain .registerbox .registermain .libox label .inputbox [data-am-dropdown] { width: 100%; font-weight: normal; } .login_sell .sellmain .registerbox .registermain .libox.flex_between label { padding: 0 10px; } .login_sell .sellmain .registerbox .registermain .libox.flex_between label:first-child { padding-left: 0; max-width: 50%; } .login_sell .sellmain .registerbox .registermain .libox.flex_between label:last-child { padding-right: 0; } .login_sell .sellmain .registerbox .registermain .libox .lianxiafangsi { position: relative; background: #fff; border: 1px solid #d7d7e0; border-radius: 4px; box-shadow: inset 2px 2px 3px 0 rgba(124, 124, 143, 0.1); margin-top: 10px; } .login_sell .sellmain .registerbox .registermain .libox .lianxiafangsi input { width: 100%; height: 42px; border: 0; border-radius: 4px; padding: 0 46px 0 66px; } .login_sell .sellmain .registerbox .registermain .libox .lianxiafangsi .closexx { position: absolute; top: 0; right: 0; height: 42px; width: 42px; font-size: 22px; display: flex; justify-content: center; align-items: center; color: #b3afaf; cursor: pointer; } .login_sell .sellmain .registerbox .registermain .libox .lianxiafangsi .imgbox { position: absolute; top: 0; left: 0; width: 60px; height: 42px; display: flex; justify-content: center; align-items: center; background: #fafafc; border-right: 1px solid #e9e9ee; border-radius: 4px 0 0 4px; } .login_sell .sellmain .registerbox .registermain .margin_jl { margin-top: 60px; } .login_sell .sellmain .registerbox .register_footer { padding: 40px 30px 40px 30px; } .login_sell .sellmain .registerbox .register_footer label{ margin-bottom: 15px; } .login_sell .sellmain .registerbox .register_footer input[name='flag']{ position: relative; top: 2px; } .login_sell .sellmain .registerbox .register_footer label:hover span { color: red; } .login_sell .sellmain .registerbox .register_footer label .am-ucheck-checkbox:checked + .am-ucheck-icons, .login_sell .sellmain .registerbox .register_footer label .am-ucheck-radio:checked + .am-ucheck-icons { color: red; } .login_sell .sellmain .registerbox .register_footer label a:hover { color: red; } .login_sell .sellmain .registerbox .register_footer .buttonbox { text-align: right; } .login_sell .sellmain .registerbox .register_footer .buttonbox .fanhui{ color: #fff; background: #b8b8c1; text-align: center; font-weight: 700; letter-spacing: 1px; font-size: 18px; line-height: 18px; padding: 13px 28px; text-transform: uppercase; border: 0; border-radius: 30px; position: relative; transition: all .3s ease-in-out; display: inline-block; font-family: gothbold; } .login_sell .sellmain .registerbox .register_footer .buttonbox button { color: #fff; background: #f03726; text-align: center; font-weight: 700; letter-spacing: 1px; font-size: 18px; line-height: 18px; padding: 13px 28px; text-transform: uppercase; border: 0; border-radius: 30px; position: relative; transition: all 0.3s ease-in-out; display: inline-block; font-family: 'bebas_neue'; } .login_sell .sellmain .registerbox .register_footer .buttonbox button:hover { background: #d22d1e; } .login_sell .sellmain .registerbox .register_footer .buttonbox button[disabled] { background: #ddd; } /************************************login_szhen 发送验证码**************/ #login_szhen .sellmain .registerbox { max-width: 1140px; } #login_szhen .sellmain .registerbox .verification__product { padding: 24px 40px; text-transform: uppercase; font-family: "bebas_neue", Verdana; font-size: 24px; background: #e3e3ec; } #login_szhen .sellmain .registerbox .verification__type { padding: 20px 40px; text-align: center; } #login_szhen .sellmain .registerbox .verification__type .verification__type-action { display: inline-block; text-align: center; min-width: 210px; height: 65px; padding: 9px 0 0; border: 1px solid #f1f1f1; margin: 0 8px 0 0; } #login_szhen .sellmain .registerbox .verification__type .verification__type-action:last-child { margin: 0; } #login_szhen .sellmain .registerbox .verification__type .verification__type-action .verification__type-title { display: block; font-weight: 500; color: #9292a2; } #login_szhen .sellmain .registerbox .verification__type .verification__type-action .verification__type-status { display: block; padding: 3px 0 0; color: #9292a2; margin: 0; } #login_szhen .sellmain .registerbox .verification__type .verification__type-action .verification__type-status li { display: none; } #login_szhen .sellmain .registerbox .verification__type .verification__type-action .verification__type-status li.active { display: block; } #login_szhen .sellmain .registerbox .verification__type .verification__type-action .verification__type-status li.chulizhong { color: #1693da; } #login_szhen .sellmain .registerbox .verification__type .verification__type-action .verification__type-status li.wancheng { color: #20c082; } #login_szhen .sellmain .registermain { padding: 40px 40px 50px; border-bottom: 1px solid #efeff4; } #login_szhen .sellmain .registermain .phone_reg { width: 490px; } #login_szhen .sellmain .registermain .inputboxyzhen input { width: 60px; height: 60px; font-size: 40px; text-align: center; margin-right: 22px; color: #9e9797; } #login_szhen .sellmain .registermain .inputboxyzhen input:last-child { margin: 0; } #login_szhen .sellmain .registermain .fasong button { height: 40px; opacity: 0.8; text-align: center; background-color: #FFFFFF; color: #6ec8c7; border: 1px solid #6ec8c7; } #login_szhen .sellmain .registermain .fasong button:hover { opacity: 1; } #login_update .sellmain .registerbox { max-width: 1140px; } #login_update .sellmain .registerbox .verification__product { padding: 24px 40px; text-transform: uppercase; font-family: "bebas_neue", Verdana; font-size: 24px; background: #e3e3ec; } #login_update .sellmain .registerbox .verification__type { padding: 20px 40px; text-align: center; } #login_update .sellmain .registerbox .verification__type .verification__type-action { display: inline-block; text-align: center; min-width: 210px; height: 65px; padding: 9px 0 0; border: 1px solid #f1f1f1; margin: 0 8px 0 0; } #login_update .sellmain .registerbox .verification__type .verification__type-action:last-child { margin: 0; } #login_update .sellmain .registerbox .verification__type .verification__type-action .verification__type-title { display: block; font-weight: 500; color: #9292a2; } #login_update .sellmain .registerbox .verification__type .verification__type-action .verification__type-status { display: block; padding: 3px 0 0; color: #9292a2; margin: 0; } #login_update .sellmain .registerbox .verification__type .verification__type-action .verification__type-status li { display: none; } #login_update .sellmain .registerbox .verification__type .verification__type-action .verification__type-status li.active { display: block; } #login_update .sellmain .registerbox .verification__type .verification__type-action .verification__type-status li.chulizhong { color: #1693da; } #login_update .sellmain .registerbox .verification__type .verification__type-action .verification__type-status li.wancheng { color: #20c082; } #login_update .sellmain .registermain { padding: 40px 40px 50px; border-bottom: 1px solid #efeff4; } #login_update .sellmain .registermain .phone_reg { width: 100%; } #login_update .sellmain .registermain .phone_reg.maijia { max-width: 490px; } #login_update .sellmain .registermain .wenben .text_p { margin: 0; } #login_update .sellmain .registermain .wenben .text_p.margin { margin-top: 20px; } #login_update .sellmain .registermain .wenben input[type='checkbox'] { position: relative; top: 2px; margin-right: 10px; } #login_update .sellmain .registermain .update_icd { margin-top: 30px; padding-bottom: 10px; display: flex; } #login_update .sellmain .registermain .update_icd .icd_right { margin: 0 20px; } #login_update .sellmain .registermain .update_icd .icd_right .icdfile { width: 200px; height: 140px; line-height: 140px; text-align: center; border: 1px dashed #d9d9d9; border-radius: 6px; cursor: pointer; position: relative; overflow: hidden; } #login_update .sellmain .registermain .update_icd .icd_right .icdfile .imgbox { width: 200px; height: 140px; display: flex; justify-content: center; align-items: center; } #login_update .sellmain .registermain .update_icd .icd_right .icdfile .imgbox img { height: 100%; width: auto; } #login_update .sellmain .registermain .update_icd .icd_right .icdfile .addtian { width: 200px; height: 140px; display: flex; justify-content: center; align-items: center; } #login_update .sellmain .registermain .update_icd .icd_right .icdfile .addtian span { margin: 0; color: #8c939d; font-size: 30px; } #login_update .sellmain .registermain .update_icd .icd_wenben { align-self: center; } #login_update .sellmain .registermain .icd_content { padding: 10px 20px 20px; margin-top: 20px; background-color: #FAFAFC; } #login_update .sellmain .registermain .icd_content .icd_content_title { font-size: 14px; margin: 10px 0; color: #9292a2; text-transform: uppercase; } #login_update .sellmain .registermain .icd_content ul { list-style-type: decimal; margin-left: 20px; line-height: 20px; } #login_update .sellmain .register_footer .buttonbox button { color: #fff; background: #f03726; text-align: center; font-weight: 700; letter-spacing: 1px; font-size: 18px; line-height: 18px; padding: 13px 28px; text-transform: uppercase; border: 0; border-radius: 30px; position: relative; transition: all 0.3s ease-in-out; display: inline-block; } #login_update .sellmain .register_footer .buttonbox button:hover { background: #d22d1e; } #login_update .sellmain .register_footer .buttonbox button.fanhui { border: 1px solid #c8c8d0; color: #9292a2 !important; background: #fff; padding: 12px 40px; } #login_update .sellmain .register_footer .buttonbox button.fanhui:hover { background: #fff; color: #76768b; border-color: #adadb9; } #login_createli .selectamaze + .am-selected { width: 100%; max-width: 464px; } #login_createli .selectamaze + .am-selected .am-selected-content { height: auto; overflow-y: auto; max-height: 224px; } #login_createli .selectamaze + .am-selected .am-selected-btn { border-radius: 5px; } #login_createli .tuwen { width: 100%; height: auto; } #login_createli .tuwen .tuwenleft { width: calc(100% - 100px); } #login_createli .tuwen .tuwenleft .icdfile .imgbox{ width: calc( 100% - 20px); } #login_createli .tuwen .tuwenright .buttonbox { background: #F7F6FB; padding: 6px 20px; border-radius: 3px; cursor: pointer; opacity: 0.8; } #login_createli .tuwen .tuwenright .buttonbox:hover { opacity: 1; } #login_createli .tuwen .tuwenright .glyphicon-trash { color: #000; font-size: 14px; top: -1px; margin-right: 10px; } #login_createli .form-control { /*max-width: 464px;*/ border-radius: 5px; height: 42px; } #login_createli textarea.form-control{ height: 200px; } #login_createli .borderxu { margin-top: 20px; border-top: 1px dashed #ddd; } #login_createli .buttonbox button { border-radius: 30px; padding: 8px 28px; font-weight: bold; } #login_createli .buttonbox button:focus { outline: none; border: 0; } #login_createli .buttonbox button[disabled] { background: #DDDDDD; border-color: #ddd; } #login_createli .am-modal .am-modal-hd { text-align: left; background: #565669; color: #fff; padding-bottom: 15px; } #login_createli .am-modal .am-modal-hd .am-close { font-size: 30px; color: #9393A2; font-weight: 300; top: 14px; right: 8px; } #login_createli .am-modal .am-modal-bd { text-align: left; } #login_createli .sellmain .baocuo { color: red; height: 20px; margin-top: 6px; } #login_createli .sellmain .am-radio { margin: 0; margin-right: 30px; } #login_createli .sellmain .am-radio:last-child { margin-right: 0; } #login_createli .sellmain .wenhao { width: 18px; height: 18px; border-radius: 50%; text-align: center; line-height: 18px; background: #C4C4CE; color: #fff; margin-left: 10px; } .z2u .modalbox,.z2u .modalbox_img{ position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; background: rgba(0, 0, 0, 0.6); z-index: 999999; display: none; line-height: 100vh; text-align: center; justify-content:center; align-items: center; } #login_createli .sellmain .registerheader { padding: 40px 40px 50px; display: flex; align-items: center; } #login_createli .sellmain .registerheader h1 { margin: 0; } #login_createli .sellmain .registerheader .sx { display: flex; align-items: center; } #login_createli .all_checked{ position: absolute; top: 9px; left: 480px; } #login_createli .all_checked input{ position: relative; top: 2px; } #login_createli .sellmain .registerheader .sx .con { background: #f7f7fa; font-size: 13px; display: flex; align-items: center; color: #9292a2; line-height: 36px; font-weight: 400; letter-spacing: 0; text-transform: none; padding: 0 16px; text-align: center; border-radius: 4px; transition: 0.2s ease-in-out; box-shadow: 0 1px 0 0 #e6e6ec; height: 36px; border: 0; cursor: pointer; } #login_createli .sellmain .registerheader .sx .con:hover { background: #fafafc; color: #848496; } #login_createli .sellmain .registerheader .sx .con .tu { top: -2px; } #login_createli .sellmain .registerheader .sx .sc { background: #f7f7fa; font-size: 13px; display: flex; align-items: center; color: #9292a2; line-height: 36px; font-weight: 400; letter-spacing: 0; text-transform: none; padding: 0 16px; text-align: center; border-radius: 4px; transition: 0.2s ease-in-out; box-shadow: 0 1px 0 0 #e6e6ec; height: 36px; border: 0; cursor: pointer; margin-right: 15px; } #login_createli .sellmain .registerheader .sx .sc:hover { background: #fafafc; color: #848496; } #login_createli .sellmain .registerheader .sx .sc .tu { top: -2px; } #login_createli .sellmain .registerheader .sx .xz { background: #f7f7fa; font-size: 13px; display: flex; align-items: center; color: #9292a2; line-height: 36px; font-weight: 400; letter-spacing: 0; text-transform: none; padding: 0 16px; text-align: center; border-radius: 4px; transition: 0.2s ease-in-out; box-shadow: 0 1px 0 0 #e6e6ec; height: 36px; border: 0; cursor: pointer; } #login_createli .sellmain .registerheader .sx .xz:hover { background: #fafafc; color: #848496; } #login_createli .sellmain .registerheader .sx .xz .tu { top: -2px; } #login_createli .sellmain .registerheader .sx .wenhao { width: 18px; height: 18px; border-radius: 50%; text-align: center; line-height: 18px; background: #C4C4CE; color: #fff; margin-left: 10px; } #login_createli .sellmain .registerbox .verification__product { padding: 24px 40px; text-transform: uppercase; font-family: "bebas_neue", Verdana; font-size: 24px; background: #e3e3ec; } #login_createli .sellmain .registerbox .verification__type { padding: 20px 40px; text-align: center; } #login_createli .sellmain .registerbox .verification__type .verification__type-action { display: inline-block; text-align: center; min-width: 210px; height: 65px; padding: 9px 0 0; border: 1px solid #f1f1f1; margin: 0 8px 0 0; } #login_createli .sellmain .registerbox .verification__type .verification__type-action:last-child { margin: 0; } #login_createli .sellmain .registerbox .verification__type .verification__type-action .verification__type-title { display: block; font-weight: 500; color: #9292a2; } #login_createli .sellmain .registerbox .verification__type .verification__type-action .verification__type-status { display: block; padding: 3px 0 0; color: #9292a2; margin: 0; } #login_createli .sellmain .registerbox .verification__type .verification__type-action .verification__type-status li { display: none; } #login_createli .sellmain .registerbox .verification__type .verification__type-action .verification__type-status li.active { display: block; } #login_createli .sellmain .registerbox .verification__type .verification__type-action .verification__type-status li.chulizhong { color: #1693da; } #login_createli .sellmain .registerbox .verification__type .verification__type-action .verification__type-status li.wancheng { color: #20c082; } #login_createli .sellmain .registermain { padding: 20px 0; border-top: 1px solid #efeff4; position: relative; } #login_createli .sellmain .registermain::after{ content: ''; width: 100%; height: 1px; background: none; clear: both; display: block; } #login_createli .sellmain .registermain .create__item .yibantitle { margin-bottom: 5px; } #login_createli .sellmain .registermain .create__item .yibantitle .yuan { min-width: 40px; } #login_createli .sellmain .registermain .xuanxiang { margin-left: 60px; } #login_createli .sellmain .registermain .xuanxiang .labelbox{ position: relative; } #login_createli .price_message,#login_createli .total_price{ position: absolute; bottom: -8px; } #login_createli .sellmain .registermain .xuanxiang .labelbox .wenben { margin-bottom: 10px; } #login_createli .selectall .selectanniu,#login_createli .selectall .ulbox { max-width: 464px; } #login_createli .sellmain .registermain .xuanxiang .duoxuan, #login_createli .sellmain .registermain .xuanxiang input.tongyi, #login_createli .sellmain .registermain .xuanxiang .danxuan { position: relative; top: 2px; } #login_createli .sellmain .registermain .xuanxiang .selectallbox .wenben { margin-bottom: 10px; } #login_createli .sellmain .registermain .phone_reg { width: 100%; } #login_createli .sellmain .registermain .wenben .text_p { margin: 0; } #login_createli .sellmain .registermain .wenben .text_p.margin { margin-top: 20px; } #login_createli .sellmain .registermain .update_icd { margin-top: 30px; padding-bottom: 10px; display: flex; } #login_createli .sellmain .registermain .update_icd .icd_right { margin: 0 20px; } #login_createli .sellmain .registermain .update_icd .icd_right .icdfile { width: 200px; height: 140px; line-height: 140px; text-align: center; border: 1px dashed #d9d9d9; border-radius: 6px; cursor: pointer; position: relative; overflow: hidden; } #login_createli .sellmain .registermain .update_icd .icd_right .icdfile .addtian { width: 200px; height: 140px; display: flex; justify-content: center; align-items: center; } #login_createli .sellmain .registermain .update_icd .icd_right .icdfile .addtian span { margin: 0; color: #8c939d; font-size: 30px; } #login_createli .sellmain .registermain .update_icd .icd_wenben { align-self: center; } #login_createli .sellmain .registermain .icd_content { padding: 10px 20px 20px; margin-top: 20px; background-color: #FAFAFC; } #login_createli .sellmain .registermain .icd_content .icd_content_title { font-size: 14px; margin: 10px 0; color: #9292a2; text-transform: uppercase; } #login_createli .sellmain .registermain .icd_content ul { list-style-type: decimal; margin-left: 20px; line-height: 20px; } #login_createli .sellmain .register_footer .buttonbox button { color: #fff; background: #f03726; text-align: center; font-weight: 700; letter-spacing: 1px; font-size: 18px; line-height: 18px; padding: 13px 28px; text-transform: uppercase; border: 0; border-radius: 30px; position: relative; transition: all 0.3s ease-in-out; display: inline-block; } #login_createli .sellmain .register_footer .buttonbox button:hover { background: #d22d1e; } #login_createli .sellmain .register_footer .buttonbox button.fanhui { border: 1px solid #c8c8d0; color: #9292a2 !important; background: #fff; padding: 12px 40px; } #login_createli .sellmain .register_footer .buttonbox button.fanhui:hover { background: #fff; color: #76768b; border-color: #adadb9; } #login_guanli .fenleibox { position: relative; } #login_guanli .fenleibox .wenbenbox { cursor: pointer; } #login_guanli .fenleibox .wenbenbox .wenbenbianliang { color: red; padding-right: 3px; } #login_guanli .fenleibox .wenbenbox .glyxia { font-size: 12px; color: #CDCDD5; top: 0; } #login_guanli .fenleibox .fenleiprice { position: absolute; top: 26px; left: -100px; width: 170px; background: #fff; z-index: 100; box-shadow: 0 0 4px 0 #ddd; border-radius: 4px; } #login_guanli .fenleibox .fenleiprice .libox { height: 50px; width: 100%; border-bottom: 1px solid #ddd; transition: all .5s linear; cursor: pointer; } #login_guanli .fenleibox .fenleiprice .libox a { width: 100%; height: 100%; display: block; padding: 15px; } #login_guanli .fenleibox .fenleiprice .libox:hover { color: red; } #login_guanli .fenleibox .fenleiprice .libox.active { color: red; } #login_guanli .fenleibox .fenleiprice .libox:last-child { border: 0; } #login_guanli .pagination li span, #login_guanli .pagination li a { color: red; border: 0; } #login_guanli .pagination li.active span, #login_guanli .pagination li.disabled span, #login_guanli .pagination li.active a, #login_guanli .pagination li.disabled a { color: #999999; border: 1px solid #ddd; } #login_guanli .motaikuang .motaikuangbody { height: auto; background: #353550; color: #b9b9cb; width: 300px; border-radius: 6px; } #login_guanli .motaikuang .main{ padding: 10px 15px; } #login_guanli .motaikuang .main .wenben { font-size: 15px; text-align: left; } #login_guanli .motaikuang .main .baocuo { font-size: 12px; text-align: left; } #login_guanli .motaikuang .main .buttonbox button { color: #525257; background: #fff; padding: 10px 0; width: 110px; } #login_guanli .motaikuang .main .buttonbox button.quanxuan:hover{ color: #fff; background:red; } #login_guanli .motaikuang .main .buttonbox button.queren{ background: #20c082; color: #fff; } #login_guanli .motaikuang .main .buttonbox button.queren:hover{ background: #269469; } #login_guanli .sellmain { padding-top: 0; } #login_guanli .sellmain .fanhuibiaoti { height: 70px; width: 100%; background: #E3E3EB; } #login_guanli .sellmain .fanhuibiaoti .biaoti { height: 100%; } #login_guanli .sellmain .fanhuibiaoti .biaoti .jiantou { color: #89889B; font-size: 40px; margin-right: 40px; cursor: pointer; } #login_guanli .sellmain .fanhuibiaoti .biaoti .wenben { font-size: 20px; font-weight: bold; } #login_guanli .sellmain .search_sort { height: 108px; width: 100%; background: #EEEEF4; } #login_guanli .sellmain .search_sort .container_box{ position: relative; height: 108px; overflow: hidden; } #login_guanli .sellmain .search_sort .ulbox{ position: absolute; left: 0; top: 0; } #login_guanli .sellmain .search_sort .ulbox .libox { padding: 10px 16px; border-right: 1px solid #e2e2ea; width: 130px; } #login_guanli .sellmain .search_sort .ulbox .libox:last-child{ border: 0; } #login_guanli .sellmain .search_sort .ulbox .libox.active { background: #fff; } #login_guanli .sellmain .search_sort .ulbox .libox a { display: flex; flex-direction: column; align-items: center; } #login_guanli .sellmain .search_sort .ulbox .libox a .wenben { font-weight: bold; color: #323233; line-height: 1; margin-top: 3px; } #login_guanli .sellmain .search_sort .ulbox .libox a .imgbox { width: 50px; height: 50px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #login_guanli .sellmain .search_sort .ulbox .libox a .imgbox img { max-width: 100%; max-height: 100%; } #login_guanli .sellmain .guanliliebiao .h1_title { color: #535258; font-size: 30px; margin: 40px 0; font-family: 'bebas_neue'; } #login_guanli .remen_ul .remen_li { position: relative; /*width: 263px;*/ /*width: 222px;*/ width: 224px;/* New Add */ height: 120px; overflow: hidden; margin-top: 30px; cursor: pointer; background: #fff; } #login_guanli .remen_li .remen_lia{ display: block; width: 100%; height: 100%; padding: 0 15px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; } #login_guanli .remen_ul .remen_li .wenbenbox { position: static !important; color: #000 !important; } #login_guanli .remen_ul .remen_li .wenbenbox .h3_title { margin-bottom: 10px; font-size: 14px !important; height: 36px; } #login_guanli .remen_ul .remen_li .wenbenbox .jc_price { display: inline-block; color: #999 !important; font-weight: 500; font-size: 13px; line-height: 13px; padding: 4px 12px !important; background: #fff; border-radius: 4px; border: 1px solid #ccc; } #login_guanli .sellmain .guanlideail { margin-top: 40px; } #login_guanli .sellmain .guanlideail .guanlideailbox { background: #fff; } #login_guanli .sellmain .guanlideail .headertitle { height: 80px; width: 100%; border-bottom: 1px solid #ddd; padding-left: 30px; } #login_guanli .sellmain .guanlideail .headertitle .glyphicon { font-size: 20px; margin-right: 10px; } #login_guanli .sellmain .guanlideail .headertitle .h1_title { margin-left: 6px; font-size: 30px; } #login_guanli .sellmain .guanlideail .liebiao { background: #FAFAFC; border-bottom: 1px solid #ddd; } #login_guanli .sellmain .guanlideail .liebiao .liebiaoleft { background: #EFEEF4; padding: 20px 30px 30px; } #login_guanli .sellmain .guanlideail .liebiao .liebiaoleft .libox { min-width: 220px; height: 36px; border-radius: 15px; background: #E3E3EB; padding: 0 20px; border-bottom: 3px solid #9594A3; margin-bottom: 10px; cursor: pointer; } #login_guanli .sellmain .guanlideail .liebiao .liebiaoleft .libox.active { background: #fff; border: 0; } #login_guanli .sellmain .guanlideail .liebiao .liebiaoleft .libox .liboxleft { min-width: 120px; border-right: 1px solid #D4D4DC; line-height: 33px; height: 33px; } #login_guanli .sellmain .guanlideail .liebiao .liebiaoleft .libox .liboxright { padding-left: 10px; } #login_guanli .sellmain .guanlideail .liebiao .liebiaoright { padding: 20px 36px; display: flex; } #login_guanli .sellmain .guanlideail .liebiao .liebiaoright .libox { min-width: 120px; height: 100px; border: 2px solid #E4E4E6; border-radius: 10px; margin-right: 10px; margin-bottom: 10px; display: flex; flex-direction: column; justify-content: space-between; } #login_guanli .sellmain .guanlideail .liebiao .liebiaoright .libox.active { background: #fff; } #login_guanli .sellmain .guanlideail .liebiao .liebiaoright .libox:hover { background: #fff; } #login_guanli .sellmain .guanlideail .liebiao .liebiaoright .libox .num { color: #D03E3E; font-weight: bold; text-align: center; font-size: 26px; margin-top: 15px; } #login_guanli .sellmain .guanlideail .liebiao .liebiaoright .libox .wenben { color: #646368; text-align: center; margin-bottom: 10px; } #login_guanli .sellmain .guanlideail .updateliebiao { padding: 20px 60px 20px 30px; } #login_guanli .sellmain .guanlideail .updateliebiao .updatelieleft .searchbox { min-width: 260px; margin-right: 10px; position: relative; height: 40px; } #login_guanli .sellmain .guanlideail .updateliebiao .updatelieleft .searchbox input { width: 100%; height: 100%; border-radius: 6px; border: 1px solid #B2B2B8; padding: 0 40px 0 6px; } #login_guanli .sellmain .guanlideail .updateliebiao .updatelieleft .searchbox .sousuo { position: absolute; cursor: pointer; right: 0; color: #B2B2B8; top: 0; height: 40px; width: 40px; text-align: center; } #login_guanli .sellmain .guanlideail .updateliebiao .updatelieright .sx { display: flex; align-items: center; } #login_guanli .sellmain .guanlideail .updateliebiao .updatelieright .sx .con { background: #f7f7fa; font-size: 13px; display: flex; align-items: center; color: #9292a2; line-height: 36px; font-weight: 400; letter-spacing: 0; text-transform: none; padding: 0 16px; text-align: center; border-radius: 4px; transition: 0.2s ease-in-out; box-shadow: 0 1px 0 0 #e6e6ec; height: 36px; border: 0; cursor: pointer; } #login_guanli .sellmain .guanlideail .updateliebiao .updatelieright .sx .con:hover { background: #fafafc; color: #848496; } #login_guanli .sellmain .guanlideail .updateliebiao .updatelieright .sx .con .tu { top: -2px; } #login_guanli .sellmain .guanlideail .updateliebiao .updatelieright .sx .sc { background: #f7f7fa; font-size: 13px; display: flex; align-items: center; color: #9292a2; line-height: 36px; font-weight: 400; letter-spacing: 0; text-transform: none; padding: 0 16px; text-align: center; border-radius: 4px; transition: 0.2s ease-in-out; box-shadow: 0 1px 0 0 #e6e6ec; height: 36px; border: 0; cursor: pointer; margin-right: 15px; } #login_guanli .sellmain .guanlideail .updateliebiao .updatelieright .sx .sc:hover { background: #fafafc; color: #848496; } #login_guanli .sellmain .guanlideail .updateliebiao .updatelieright .sx .sc .tu { top: -2px; } #login_guanli .sellmain .guanlideail .updateliebiao .updatelieright .sx .xz { background: #f7f7fa; font-size: 13px; display: flex; align-items: center; color: #9292a2; line-height: 36px; font-weight: 400; letter-spacing: 0; text-transform: none; padding: 0 16px; text-align: center; border-radius: 4px; transition: 0.2s ease-in-out; box-shadow: 0 1px 0 0 #e6e6ec; height: 36px; border: 0; cursor: pointer; } #login_guanli .sellmain .guanlideail .updateliebiao .updatelieright .sx .xz:hover { background: #fafafc; color: #848496; } #login_guanli .sellmain .guanlideail .updateliebiao .updatelieright .sx .xz .tu { top: -2px; } #login_guanli .sellmain .guanlideail .updateliebiao .updatelieright .sx .wenhao { width: 18px; height: 18px; border-radius: 50%; text-align: center; line-height: 18px; background: #C4C4CE; color: #fff; margin-left: 10px; } #login_guanli .sellmain .guanlideail .quanxuan_paixu { padding: 20px 60px 20px 30px; border-bottom: 1px solid #ddd; } #login_guanli .sellmain .checkboxcon{ display: none; } #login_guanli .sellmain .checkboxdiv{ width: 20px; height: 20px; border-radius: 4px; border: 1px solid #ddd; display: flex; justify-content: center; align-items: center; } #login_guanli .sellmain .checkboxdiv span{ top: 0; color: transparent; } #login_guanli .sellmain .checkboxcon:checked~.checkboxdiv{ border-color: #03A9F4; } #login_guanli .sellmain .checkboxcon:checked~.checkboxdiv span{ color: #03A9F4; } #login_guanli .sellmain .guanlideail .quanxuan_paixu .am-ucheck-icons { font-size: 30px; } #login_guanli .sellmain .guanlideail .quanxuan_paixu .paixuselect { color: red; border: 0; cursor: pointer; } #login_guanli .sellmain .guanlideail .quanxuan_paixu .glyxia { top: -1px; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .selectall { width: 100%; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .selectall input[type='checkbox'] { position: relative; top: 2px; } #login_guanli .sellmain .guanlideail .xiangxiliebiao select { height: 30px; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox { border-top: 1px solid #ddd; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox:first-child { border: 0; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxbox { align-items: flex-start; padding: 20px 20px 0px 20px; position: relative; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .am-ucheck-icons { font-size: 30px; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox:hover { background: #f2f2f7; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft { display: flex; flex-wrap: wrap; /*min-width: 436px;*/ min-width: 29%; justify-content: space-between; border-right: 1px dashed #e0e0e0; margin-right: 1%; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .am-checkbox { width: 15%; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .imgwenben { width: 85%; padding-top: 0px; flex-grow: 1; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .imgwenben .imgbox .imgtu { height: 104px; width: 140px; overflow: hidden; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .imgwenben .imgbox .imgtu img { width: 100%; height: 100%; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .imgwenben .imgbox .wenben { margin-top: 6px; margin-bottom: 15px; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .imgwenben .imgbox .buttonbox { display: inline-block; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .imgwenben .imgbox .buttonaniu { background: #426ABE; min-width: 80px; height: 30px; border-radius: 6px; cursor: pointer; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .imgwenben .imgbox .buttonaniu .fentu { height: 30px; display: flex; justify-content: center; align-items: center; background: #355890; width: 30px; border-radius: 6px 0 0 6px; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .imgwenben .imgbox .buttonaniu .text_t { color: #fff; padding: 0 12px; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .wenbenbox { padding: 0 10px; max-width: 100%; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .wenbenbox .h1_title { font-weight: bold; color: #212529; font-size: 14px; margin-bottom: 6px; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .wenbenbox .wenben1 { color: #26c6e8; margin-bottom: 6px; font-size: 14px; cursor: pointer; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .url_title{ margin-bottom: 6px; font-size: 14px; cursor: pointer; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: #212529; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .wenbenbox .wenben2 { cursor: pointer; color: #26c6e8; font-size: 14px; margin-bottom: 6px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; /*white-space: pre-wrap;*/ } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .wenbenbox .wenben { color: #ADADB6; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .wenbenbox .wenben .name_title { min-width: 70px; display: inline-block; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .wenbenbox .wenben .bb { color: #212529; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .wenbenbox .wenben .tian { color: #26c6e8; cursor: pointer; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .wenbenbox .wenbenp ~ .alltankuang .inputtext.textarea { height: 132px; padding: 13px; /*resize: none;*/ } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright { /*min-width: 600px;*/ min-width: 70%; position: relative; justify-content: space-around; font-size: 13px; font-weight: bold; color: #9292a2; } .z2u.en #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright { font-weight: normal; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .tian { color: #26c6e8; cursor: pointer; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .tian .fucheck { min-width: 76px; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .zaixian .wenben { margin-bottom: 20px; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .xiajia { min-width: 180px; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .xiajia .wenben { margin-bottom: 8px; display: flex; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .xiajia .wenben .tanboxall { width: 50%; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .xiajia .wenben .tanboxall .alltankuang { left: -180px; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .xiajia .wenben .tian1, #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .xiajia .wenben .tian { width: 50%; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .buttonbox { margin-top: 20px; border-top: 1px dashed #ddd; padding-top: 15px; margin-bottom: 15px; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .buttonbox.kuang { border: 0; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .buttonbox b { border-right: 1px solid #ddd; margin: 0 10px; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .buttonbox .font_color_red { cursor: pointer; } #login_guanli .motaikuang .motaikuangbody .main .buttonbox{ display: flex; justify-content: space-between; margin-top: 30px; } #login_guanli .alltankuang .buttonbox button{ padding: 10px 0; width: 110px; } .z2u.en #login_guanli .alltankuang .buttonbox button{ font-weight: normal; font-size: 14px; } #login_guanli .motaikuang .motaikuangbody .main .allbuttonbox { display: flex; justify-content: space-between; padding-top: 16px; } #login_guanli .motaikuang .motaikuangbody .main .allbuttonbox button { padding: 8px 12px; font-size: 14px; background: #fff; border-radius: 3px; min-width: 110px; font-weight: bold; border: 0; } #login_guanli .motaikuang .motaikuangbody .main .allbuttonbox button:hover { background: #000; color: #fff; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .closeg { position: absolute; right: 0; top: 0; font-size: 14px; cursor: pointer; font-weight: 100; color: #a9acb2; } #pay_diandan .th_time { width: 176px; } #pay_diandan .th_type { width: 101px; } #pay_diandan .th_status { width: 126px; } #pay_diandan .th_price { width: 133px; } #pay_diandan .pagination li span, #pay_diandan .pagination li a { color: red; border: 0; } #pay_diandan .pagination li.active span, #pay_diandan .pagination li.disabled span, #pay_diandan .pagination li.active a, #pay_diandan .pagination li.disabled a { color: #999999; border: 1px solid #ddd; } #pay_diandan .sellmain .paydan { background: #fff; border-radius: 4px; } #pay_diandan .sellmain .paydan .searchbox { min-width: 280px; margin-right: 10px; position: relative; height: 40px; } #pay_diandan .sellmain .paydan .searchbox input { width: 100%; height: 100%; border-radius: 6px; border: 1px solid #B2B2B8; padding: 0 40px 0 10px; font-size: 12px; } #pay_diandan .sellmain .paydan .searchbox .sousuo { position: absolute; right: 0; color: #B2B2B8; top: 0; height: 40px; width: 40px; text-align: center; cursor: pointer; } #pay_diandan .sellmain .paydan .searchbox .sousuo button{ border: 0; background: transparent; } #pay_diandan .sellmain .paydan .headerpay { padding: 30px 30px 25px; flex-wrap: wrap; } #pay_diandan .sellmain .paydan .headerpay .headerleft .tuimg { margin-right: 16px; margin-top: 3px; } #pay_diandan .sellmain .paydan .headerpay .headerleft .tuimg img { width: 20px; height: 20px; } #pay_diandan .sellmain .paydan .headerpay .headerleft .wenbenbox h1 { font-size: 30px; /*font-weight: normal;*/ margin-bottom: 10px; font-family: 'bebas_neue'; } #pay_diandan .sellmain .paydan .headerpay .headerleft .wenben { font-size: 13px; } #pay_diandan .sellmain .paydan .headerpay .headerright { display: flex; justify-content: center; align-items: center; font-size: 14px; color: #9292a2; flex-wrap: wrap; } #pay_diandan .sellmain .paydan .headerpay .headerright .searchbox { margin-top: 10px; } #pay_diandan .sellmain .paydan .headerpay .headerright .select1 { margin-left: 10px; cursor: pointer; position: relative; } #pay_diandan .sellmain .paydan .headerpay .headerright .select1 .wenbenan .wenben { color: #f03726; } #pay_diandan .sellmain .paydan .headerpay .headerright .select1 .ulbox { position: absolute; top: 20px; right: 20px; min-width: 150px; background: #fff; z-index: 500; box-shadow: 0 5px 15px 0 rgba(85, 85, 85, 0.08); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } #pay_diandan .sellmain .paydan .headerpay .headerright .select1 .ulbox .libox { border-bottom: 1px solid #ddd; } #pay_diandan .sellmain .paydan .headerpay .headerright .select1 .ulbox .libox a { padding: 15px; height: 50px; transition: all 0.3s ease-in-out; display: block; } #pay_diandan .sellmain .paydan .headerpay .headerright .select1 .ulbox .libox:hover { color: #f03726; } #pay_diandan .sellmain .paydan .headerpay .headerright .select1 .ulbox .libox.active { color: #f03726; } #pay_diandan .sellmain .paydan .headerpay .headerright .select1 .ulbox .libox:last-child { border: 0; } #pay_diandan .sellmain .paydan .headerpay .headerright .select1 .gly { font-size: 12px; margin: 0 0 0 10px; top: 0; } #pay_diandan .sellmain .paydan .headerpay .headerright .shaixuan { color: red; border: 0; margin-left: 10px; } #pay_diandan .sellmain .paydan .headerpay .headerright .sai { font-size: 14px; color: #9292a2; } #pay_diandan .sellmain .paydan .navshenhei { display: flex; align-items: center; padding: 0 20px; border-top: 1px solid #ddd; padding-top: 20px; flex-wrap: wrap; } #pay_diandan .sellmain .paydan .navshenhei .libox { min-width: 105px; min-height: 30px; font-size: 12px; display: flex; justify-content: space-between; flex-direction: column; align-items: center; color: #575758; border: 1px solid #eee; background: #f8f8f8; margin-left: 10px; margin-right: 10px; border-radius: 3px; margin-bottom: 20px; line-height: 30px; padding-left: 0px!important; padding-right: 0px!important; /* font-family: serif; */ /* font-weight: 600; */ } #pay_diandan .sellmain .paydan .navshenhei .libox .border{ display: none; } .z2u.en #pay_diandan .sellmain .paydan .navshenhei .libox{ min-width: auto; padding: 0 5px; } #pay_diandan .sellmain .paydan .navshenhei .libox .border { border: 0; border-bottom: 2px solid transparent; width: 100%; transition: color 1s; } #pay_diandan .sellmain .paydan .navshenhei .libox.active .border { border-bottom-color: #de2826; } #pay_diandan .sellmain .paydan .navshenhei .libox a:hover { color: #B96764; } #pay_diandan .sellmain .paydan table { color: #5e5c66; font-size: 14px; margin-bottom: 0; } #pay_diandan .sellmain .paydan table thead { background: #FAFAFC; } #pay_diandan .sellmain .paydan table thead th { border: 0; font-weight: normal; padding: 15px 6px; } #pay_diandan .sellmain .paydan table thead th:first-child { text-align: center; } #pay_diandan .sellmain .paydan table thead th:last-child { text-align: center; } #pay_diandan .sellmain .paydan table tbody tr:nth-child(2n+1) { background: #F2F1F7; } #pay_diandan .sellmain .paydan table tbody tr td { padding: 30px 6px; border-color: #fff; /* #F1F0F6 */ } #pay_diandan .sellmain .paydan table tbody tr td:first-child { text-align: center; min-width: 450px; word-break: break-all; } #pay_diandan .sellmain .paydan table tbody tr td:last-child { text-align: center; } #pay_diandan .sellmain .paydan table tbody tr td .imgbox img { width: 36px; height: 36px; } #pay_diandan .sellmain .paydan table tbody tr a:hover .wenben1 { color: #0d77f5; } #pay_diandan .sellmain .paydan table tbody tr .wenben1 { color: #346094; margin-bottom: 6px; } #pay_diandan .sellmain .paydan table tbody tr .wenben { white-space: normal; } #pay_diandan .sellmain .paydan table tbody tr .shenhei button { background: transparent; border: 1px solid #5785A4; color: #5785A4; border-radius: 5px; font-weight: bold; } #pay_diandan .sellmain .paydan table tbody tr .shenhei button[data='1'] { color: #d2691e; border: 1px solid #d2691e; } #pay_diandan .sellmain .paydan table tbody tr .shenhei button[data='2'] { color: #FF9900; border: 1px solid #FF9900; } #pay_diandan .sellmain .paydan table tbody tr .shenhei button[data='3'] { color: red; border: 1px solid red; } #pay_diandan .sellmain .paydan table tbody tr .shenhei button[data='4'] { color: #41bb19; border: 1px solid #41bb19; } #pay_diandan .sellmain .paydan table tbody tr .shenhei button[data='5'] { color: #5785A4; border: 1px solid #5785A4; } #pay_diandan .sellmain .paydan table tbody tr .shenhei button[data='6'] { color: #d2691e; border: 1px solid #d2691e; } #pay_diandan .sellmain .paydan table tbody tr .shenhei button[data='7'] { color: #2D37D6; border: 1px solid #2D37D6; } #pay_diandan .sellmain .paydan table tbody tr .shenhei button[data='8'] { color: #888; border: 1px solid #888; } #pay_diandan .sellmain .paydan table tbody tr .shenhei button[data='9'] { color: #ff8a01; border: 1px solid #ff8a01; } #pay_diandan .sellmain .paydan table tbody tr .shenhei button[data='10'] { } #pay_diandan .sellmain .paydan table tbody tr .shenhei button[data='11'] { } #pay_diandan .sellmain .paydan table tbody tr .shenhei button[data='12'] { } #pay_diandan .sellmain .paydan table tbody tr .shenhei button[data='13'] { color: #222; border: 1px solid #222; } #pay_diandan .sellmain .paydan table tbody tr .shenhei button[data='14'] { color: #FF9900; border: 1px solid #FF9900; } #pay_diandan .sellmain .paydan table tbody tr .shenhei button[data='15'] { color: #ff8a01; border: 1px solid #ff8a01; } /*****************************************login_sell 注册成为卖家 end********************************************************/ /********************************个人中心 .user_center #user_center start*****************************/ .person_account { background: #F6F7F9; width: 100%; height: auto; } .person_account .selectall .selectanniu, .person_account .selectall .ulbox { max-width: 100%; } .person_account .midsection { padding: 30px 15px; max-width: 1344px; margin: 0 auto; min-height: 500px; text-align: center; } .person_account .midsection .my-dashboard-sidebar{ text-align: left!important; } .person_account .midsection #mySidenav { width: 200px; height: auto; position: relative; z-index: 1; } .person_account .midsection #mySidenav #accordion { box-shadow: 2px 2px 10px #cccccc; background: #2b2b36; border-radius: 6px; overflow-x: hidden; } .person_account .midsection #mySidenav #accordion .am-panel { background: transparent; border: 0; } .person_account .midsection #mySidenav #accordion .am-panel.active .am-panel-hd { color: #fff; opacity: 1; } .person_account .midsection #mySidenav #accordion .am-panel .am-panel-hd { padding: 20px; font-size: 14px; display: block; text-decoration: none; color: #6ec8c7; opacity: 0.8; -webkit-transition: 0.2s; transition: 0.2s; text-align: left; cursor: pointer; border: 0; border-bottom: 1px solid #444444; background: transparent; } .person_account .midsection #mySidenav #accordion .am-panel .am-panel-hd:hover { padding-left: 23px; opacity: 1; } .person_account .midsection #mySidenav #accordion .am-panel .am-panel-hd h4 { position: relative; font-weight: bold; font-size: 16px; } .z2u.en .person_account .midsection #mySidenav #accordion .am-panel .am-panel-hd h4{ font-weight: normal; } .person_account .midsection #mySidenav #accordion .am-panel .am-panel-hd h4 .glyxiab { position: absolute; right: 0; top: 1px; font-size: 12px; margin: 0; } .person_account .midsection #mySidenav #accordion .dropdown-container.collapsed { max-height: 500px; } .person_account .midsection #mySidenav #accordion .dropdown-container { border: 0; background-color: #000000; overflow: hidden; transition: 0.2s; -webkit-transition: 0.2s; padding: 0; } .person_account .midsection #mySidenav #accordion .dropdown-container a { padding: 15px 0 15px 20px; font-size: 12px; display: block; text-decoration: none; color: #fff; opacity: 0.8; -webkit-transition: 0.2s; transition: 0.2s; text-align: left; cursor: pointer; border-bottom: 1px solid #444444; } .person_account .midsection #mySidenav #accordion .dropdown-container a:hover { padding-left: 23px; opacity: 1; } .person_account .midsection .account_main { padding-left: 30px; flex-grow: 1; } .person_account .midsection .account_main h2{ font-family: Gothbold; font-weight: 700; margin-bottom: 10px; } .person_account .midsection .account_main#security_info .card .text_buttonbox { padding-left: 10px; margin-bottom: 10px; } .person_account .midsection .account_main#security_info .card .text_buttonbox .openbuton { background-color: #FFFFFF; color: #6ec8c7; border: 1px solid #6ec8c7; font-weight: bold; font-size: 12px; padding: 15px 20px; border-radius: 50px; cursor: pointer; min-width: 120px; text-transform: uppercase; opacity: 0.8; } .person_account .midsection .account_main#security_info .card .text_buttonbox .openbuton:hover { opacity: 1; } .person_account .midsection .account_main#security_info .card .text_buttonbox .openbuton:focus { outline: 0; border-color: #6ec8c7 !important; } .person_account .midsection .account_main#security_info .card .textbox .wenben { font-size: 14px; color: #666666; line-height: 20px; } .person_account .midsection .account_main#security_info .card .form_hidden .partition-shadow { width: auto; height: 20px; border-bottom: 1px solid #ebebeb; box-shadow: 0 10px 10px 0 #f7f6f6; } .person_account .midsection .account_main#security_info .card .form_hidden .infotext { margin-top: 20px; } .person_account .midsection .account_main#security_info .card .form_hidden .form { margin: 60px 15%; font-family: Helvetica, Arial, "sans-serif"; font-size: 14px; color: #333333; text-align: left; } .person_account .midsection .account_main#security_info .card .form_hidden .form .form-group input[type=text], .person_account .midsection .account_main#security_info .card .form_hidden .form .form-group input[type=password], .person_account .midsection .account_main#security_info .card .form_hidden .form .form-group input[type=date], .person_account .midsection .account_main#security_info .card .form_hidden .form .form-group input[type=number], .person_account .midsection .account_main#security_info .card .form_hidden .form .form-group input[type=tel] { width: 100%; padding: 11px 20px; margin: 10px 0; box-sizing: border-box; border: 1px solid #ccc; -webkit-transition: 0.2s; transition: 0.2s; outline: none; background-color: #fff; color: #999; font-size: 14px; text-align: left; border-radius: 4px; } .person_account .midsection .account_main#security_info .card .form_hidden .form .form-group .input-row-error span { margin: 0; color: #FF8A84; } .person_account .midsection .account_main#security_info .card .form_hidden .form .form-group .input-row-error i { margin: 0; color: #FF8A84; margin-right: 6px; } .person_account .midsection .account_main#security_info .card .form_hidden .form .form-group .forgetpassword { display: flex; justify-content: flex-end; align-items: center; color: #6ec8c7; margin-bottom: 20px; } .person_account .midsection .account_main#security_info .card .form_hidden .form .why { color: #6ec8c7; margin-bottom: 30px; } .person_account .midsection .account_main#security_info .card .form_hidden .form .phonebox .form-group { width: 50%; } .person_account .midsection .account_main#security_info .card .form_hidden .form .phonebox .form-group:first-child { padding-right: 10px; } .person_account .midsection .account_main#security_info .card .form_hidden .form .phonebox .form-group:last-child { padding-left: 10px; } .person_account .midsection .account_main#security_info .card .form_hidden .form fieldset { border: 2px dotted #6ec8c7; border-radius: 4px; padding-bottom: 30px; } .person_account .midsection .account_main#security_info .card .form_hidden .form fieldset legend { display: inline; width: auto; border: 0; margin-left: 40px; } .person_account .midsection .account_main#security_info .card .form_hidden .form fieldset legend .glyphicon { font-size: 17px; top: 2px; margin-right: 4px; color: #6ec8c7; } .person_account .midsection .account_main#security_info .card .form_hidden .form fieldset .inputboxyzhen { text-align: center; } .person_account .midsection .account_main#security_info .card .form_hidden .form fieldset .inputboxyzhen input { width: 54px; height: 36px; font-size: 20px; text-align: center; border-radius: 4px; margin-right: 6px; margin-bottom: 6px; color: #9e9797; border: 1px solid #ccc; } .person_account .midsection .account_main#security_info .card .form_hidden .form fieldset .fasong, .account_main#security_info .send_btn{ text-align: center; } .person_account .midsection .account_main#security_info .card .form_hidden .form fieldset .fasong button,.account_main#security_info .send_btn button { height: 40px; opacity: 0.8; text-align: center; background-color: #FFFFFF; color: #6ec8c7; border: 1px solid #6ec8c7; border-radius: 50px; padding: 0 20px; } .person_account .midsection .account_main#security_info .card .form_hidden .form fieldset .fasong button:hover { opacity: 1; } .person_account .midsection .account_main#security_info .card .form_hidden .form fieldset .fasong button .glyphicon { font-size: 12px; margin-right: 0; } .person_account .midsection .account_main#security_info .card .form_hidden .form fieldset .send, .account_main#security_info .send_btn{ text-align: center; } .person_account .midsection .account_main#security_info .card .form_hidden .form fieldset .send button,.account_main#security_info .send_btn button { height: 40px; opacity: 0.8; text-align: center; background-color: #FFFFFF; color: #6ec8c7; border: 1px solid #6ec8c7; border-radius: 50px; padding: 0 20px; } .person_account .midsection .account_main#security_info .card .form_hidden .form fieldset .send button:hover { opacity: 1; } .person_account .midsection .account_main#security_info .card .form_hidden .form fieldset .send button .glyphicon { font-size: 12px; margin-right: 0; } .person_account .midsection .account_main#security_info .card .form_hidden .form fieldset .help { color: #6ec8c7; } .person_account .midsection .account_main#security_info .card .form_hidden .form .buttonbox { text-align: center; margin-top: 30px; } .person_account .midsection .account_main#security_info .card .form_hidden .form .buttonbox button { background-color: #6ec8c7; color: #FFFFFF; border: 1px solid #6ec8c7; font-weight: bold; font-size: 12px; padding: 15px 20px; border-radius: 50px; cursor: pointer; min-width: 120px; text-transform: uppercase; opacity: 0.8; -webkit-transition: 0.2s; transition: 0.2s; } .person_account .midsection .account_main#security_info .card .form_hidden .form .buttonbox button:hover { opacity: 1; } .person_account .midsection .account_main .page-title h1 { font-size: 30px; font-weight: bold; padding-bottom: 20px; } .person_account .midsection .account_main .card { position: relative; margin-bottom: 20px; background: #FFFFFF; border-radius: 6px; border: 1px solid #ebebeb; box-shadow: 2px 2px 10px #cccccc; padding: 30px; } .person_account .midsection .account_main .card .form-control { height: 44px; border-radius: 4px; } .person_account .midsection .account_main .card .form { margin-bottom: 30px; font-size: 14px; color: #333333; } .person_account .midsection .account_main .card .form .card-tab { font-family: 'Fjalla One', "sans-serif"; font-size: 20px; font-weight: bold; color: #333333; margin-bottom: 50px; text-align: left; } .person_account .midsection .account_main .card .form .card-tab h2 { font-size: 20px; } .person_account .midsection .account_main .card .form .card-tab a { position: relative; float: right; color: #6ec8c7; text-decoration: none; opacity: 0.8; -webkit-transition: 0.2s; transition: 0.2s; } .person_account .midsection .account_main .card .form .card-tab a:hover { opacity: 1; } .person_account .midsection .account_main .card .form .form-normal { margin: 60px 15%; font-family: Helvetica, Arial, "sans-serif"; font-size: 14px; color: #333333; text-align: left; } .person_account .midsection .account_main .card .form .form-normal .form-group .input-row-error { display: none; } .person_account .midsection .account_main .card .form .form-normal .input-row-error { width: auto; text-align: left; font-style: italic; color: #ff8a84; padding-bottom: 20px; } .person_account .midsection .account_main .card .form .form-normal .input-row-text-full, .person_account .midsection .account_main .card .form .form-normal .input-row-error { position: relative; display: inline-block; width: 100%; float: left; padding-bottom: 30px; font-size: 12px; color: #999999; line-height: 1.3; } .person_account .midsection .account_main .card .form .form-normal input[type=text], .person_account .midsection .account_main .card .form .form-normal input[type=password], .person_account .midsection .account_main .card .form .form-normal input[type=date], .person_account .midsection .account_main .card .form .form-normal input[type=number], .person_account .midsection .account_main .card .form .form-normal input[type=tel] { width: 100%; padding: 11px 20px; margin: 10px 0; box-sizing: border-box; border: 1px solid #ccc; -webkit-transition: 0.2s; transition: 0.2s; outline: none; background-color: #fff; color: #999; font-size: 14px; text-align: left; border-radius: 4px; } .person_account .midsection .account_main .card .form .form-normal input::placeholder { color: #ddd; } .person_account .midsection .account_main .card .form .form-normal input[type=text]:disabled::placeholder { color: #999; } .person_account .midsection .account_main .card .form .form-normal input[type=text]:focus, .person_account .midsection .account_main .card .form .form-normal input[type=password]:focus { border: 1px solid #6ec8c7; color: #6ec8c7; } .person_account .midsection .account_main .card .form .form-normal.nomargin { margin: 60px 0; } .person_account .midsection .account_main .card .form .form-normal .provincebox { display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; } .person_account .midsection .account_main .card .form .form-normal .provincebox .province_inputnew { margin: 0; height: 42px; } .person_account .midsection .account_main .card .form .form-normal .input-row-2-coll { display: inline-block; width: calc((100% - 10px)/2); } .person_account .selectall .ulbox .inputbox .text{ padding: 0 5px !important; width: 100% !important;; border-radius: 5px !important;; border: 1px solid #DDDDDD !important;; height: 26px; margin: 0 !important; } .person_account .midsection .account_main .card .form .form-normal .input-row-2-coll .input-row-2-coll-right { position: relative; margin-left: 10px; bottom: -1px; } .person_account .midsection .account_main .card .form .form-normal .input-row-2-col { width: calc(90%/2); display: inline-block; } .person_account .midsection .account_main .card .form .form-normal .input-row-2-col .custom-checkbox, .person_account .midsection .account_main .card .form .form-normal .input-row-2-col .custom-radio { display: block; position: relative; padding-left: 30px; margin-bottom: 20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: text; text-align: left; line-height: 1.3; } .person_account .midsection .account_main .card .form .form-normal .input-row-2-col .custom-checkbox .checkmark, .person_account .midsection .account_main .card .form .form-normal .input-row-2-col .custom-radio .checkmark, .person_account .midsection .account_main .card .form .form-normal .input-row-2-col .custom-checkbox .checkmark-radio, .person_account .midsection .account_main .card .form .form-normal .input-row-2-col .custom-radio .checkmark-radio { position: absolute; top: -2px; left: 0; height: 22px; width: 22px; background-color: #fff; border: 1px solid #ccc; border-radius: 50%; } .person_account .midsection .account_main .card .form .form-normal .input-row-2-col .custom-checkbox .checkmark:after, .person_account .midsection .account_main .card .form .form-normal .input-row-2-col .custom-radio .checkmark:after, .person_account .midsection .account_main .card .form .form-normal .input-row-2-col .custom-checkbox .checkmark-radio:after, .person_account .midsection .account_main .card .form .form-normal .input-row-2-col .custom-radio .checkmark-radio:after { position: absolute; left: 5px; top: 5px; width: 10px; height: 10px; background-color: #fff; border-radius: 50%; content: ""; } .person_account .midsection .account_main .card .form .form-normal .input-row-2-col .custom-checkbox input, .person_account .midsection .account_main .card .form .form-normal .input-row-2-col .custom-radio input { position: absolute; opacity: 0; cursor: pointer; } .person_account .midsection .account_main .card .form .form-normal .input-row-2-col .custom-checkbox input:checked ~ .checkmark-radio, .person_account .midsection .account_main .card .form .form-normal .input-row-2-col .custom-radio input:checked ~ .checkmark-radio { background-color: #6ec8c7; border: 1px solid #6ec8c7; } .person_account .midsection .account_main .card .form .form-normal label { margin-top: 20px; display: block; clear: both; } .person_account .midsection .account_main .card .form .form-normal.select2.select2-container--default { min-width: 100%; max-width: 100%; margin: 10px 0; font-size: 14px; text-align: left; } .person_account .midsection .account_main .card .form .form-normal .libox { font-weight: normal; } .person_account .midsection .account_main .card .form .form-normal .libox label { width: 100%; } .person_account .midsection .account_main .card .form .form-normal .libox label .wenben { font-size: 12px; color: #898997; } .person_account .midsection .account_main .card .form .form-normal .libox label .inputbox { margin-top: 6px; } .person_account .midsection .account_main .card .form .form-normal .libox label .inputbox .select { height: 44px; width: 100%; padding-left: 10px; border-radius: 4px; } .person_account .midsection .account_main .card .form .form-normal .libox label .inputbox input { width: 100%; height: 42px; background-color: #fafafc; border: 1px solid #d7d7e0; font-size: 13px; border-radius: 4px; } .person_account .midsection .account_main .card .form .form-normal .libox label .inputbox button { width: 100%; background: #fff; } .person_account .midsection .account_main .card .form .form-normal .libox label .inputbox [data-am-dropdown] { width: 100%; font-weight: normal; } .person_account .midsection .account_main .card .form .form-normal .libox.flex_between label { padding: 0 10px; } .person_account .midsection .account_main .card .form .form-normal .libox.flex_between label:first-child { padding-left: 0; } .person_account .midsection .account_main .card .form .form-normal .libox.flex_between label:last-child { padding-right: 0; } .person_account .midsection .account_main .card .form .form-normal .libox .lianxiafangsi { position: relative; background: #fff; border: 1px solid #d7d7e0; border-radius: 4px; box-shadow: inset 2px 2px 3px 0 rgba(124, 124, 143, 0.1); margin-top: 10px; } .person_account .midsection .account_main .card .form .form-normal .libox .lianxiafangsi input { width: 100%; height: 42px; border: 0; border-radius: 4px; padding: 0 46px 0 66px; margin: 0; } .person_account .midsection .account_main .card .form .form-normal .libox .lianxiafangsi .closexx { position: absolute; top: 0; right: 0; height: 42px; width: 42px; font-size: 22px; display: flex; justify-content: center; align-items: center; color: #b3afaf; cursor: pointer; } .person_account .midsection .account_main .card .form .form-normal .libox .lianxiafangsi .imgbox { position: absolute; top: 0; left: 0; width: 60px; height: 42px; display: flex; justify-content: center; align-items: center; background: #fafafc; border-right: 1px solid #e9e9ee; border-radius: 4px 0 0 4px; } .person_account .midsection .account_main .card .form .partition { width: auto; margin: 50px 0; height: 0; border-top: 1px solid #ebebeb; } .person_account .midsection .account_main .card .form select + .am-selected { width: 100%; } .person_account .midsection .account_main .card .form .btn-spot, .person_account .midsection .account_main .card .form .btn-spot-special { display: inline-block; width: 100%; margin-top: 0; text-align: center; } .person_account .midsection .account_main .card .form .btn-spot .btn-submit, .person_account .midsection .account_main .card .form .btn-spot-special .btn-submit { font-weight: bold; font-size: 12px; padding: 15px 20px; border-radius: 50px; cursor: pointer; min-width: 120px; text-transform: uppercase; background-color: #6ec8c7; color: #FFFFFF; border: 1px solid #6ec8c7; opacity: 0.8; } .person_account .midsection .account_main .card .form .btn-spot .btn-submit:hover, .person_account .midsection .account_main .card .form .btn-spot-special .btn-submit:hover { opacity: 1; } /********************************个人中心 .midsection #user_center end*****************************/ /*************************************列表单个详情 #product_detail start*********************/ #product_deail { background: #F7F7FA; padding-top: 30px; } #product_deail .motaikuang .motaikuangbody { width: 520px; height: auto; } #product_deail .motaikuang .motaikuangbody .note { width: 100%; margin-top: 15px; resize: none; border-radius: 4px; padding: 4px; padding-left: 10px; border-color: #ddd; } #product_deail .motaikuang .motaikuangbody .note::placeholder { color: #ddd; } #product_deail .motaikuang .motaikuangbody .buttonbox { text-align: center; } #product_deail .product_deailbox { justify-content: space-between; /*padding-bottom: 95px;*/ padding-bottom: 0; flex-wrap: wrap; } #product_deail .product_deailbox .deailleft { width: 460px; } #product_deail .product_deailbox .deailleft .imgbox1 { background: #fff; text-align: center; border-radius: 4px; box-shadow: 0 5px 5px 0 rgba(85, 85, 85, 0.06); margin-bottom: 20px; min-height: 300px; padding: 10px; width: 100%; height: 320px; overflow: hidden; } #product_deail .product_deailbox .deailleft .imgbox1 .pic-in{ width: 440px; height: 300px; display: table-cell; vertical-align: middle; text-align: center; } #product_deail .product_deailbox .deailleft .imgbox1 img { vertical-align: middle; max-width: 100%; max-height: 300px; } #product_deail .product_deailbox .deailleft .xiaoimgbox { text-align: center; margin-bottom: 20px; font-size: 0; overflow: hidden; } #product_deail .product_deailbox .deailleft .xiaoimgbox .xs-pic-list-box{ width: 72px; height: 72px; border: 1px solid #e0e0e0; background: #fff; border-radius: 4px; overflow: hidden; cursor: pointer; margin-right: 5px; display: inline-block; } #product_deail .product_deailbox .deailleft .xiaoimgbox .xs-pic-list-box .pic-in{ width: 72px; height: 72px; display: table-cell; vertical-align: middle; text-align: center; } #product_deail .product_deailbox .deailleft .xiaoimgbox img { vertical-align: middle; max-width: 72px; max-height: 72px; } #product_deail .product_deailbox .deailleft .xiaoimgbox img:hover{ border: 1px solid #ccc; } #product_deail .product_deailbox .deailleft .xiaoimgbox .active{ border: 1px solid #ccc; } #product_deail .product_deailbox .deailleft .denjituwen { background: #fff; box-shadow: 0 5px 5px 0 rgba(85, 85, 85, 0.06); border-radius: 4px; padding: 20px 30px; } #product_deail .product_deailbox .deailleft .denjituwen .tuwen { align-items: flex-start; padding-bottom: 20px; border-bottom: 1px solid #ddd; } #product_deail .product_deailbox .deailleft .denjituwen .tuwen .tuleft .imgbox { position: relative; } #product_deail .product_deailbox .deailleft .denjituwen .tuwen .tuleft .imgbox img { width: 68px; height: 68px; border-radius: 50%; } #product_deail .product_deailbox .deailleft .denjituwen .tuwen .tuleft .imgbox .yuan { position: absolute; border-radius: 50%; background: #16DA8E; right: 3px; width: 14px; height: 14px; border: 3px solid #fff; bottom: 0; } #product_deail .product_deailbox .deailleft .denjituwen .tuwen .tuleft .wenbenbox .wenbenneirong { position: relative; padding-left: 10px; } #product_deail .product_deailbox .deailleft .denjituwen .tuwen .tuleft .wenbenbox .wenbenneirong .wenben { cursor: pointer; margin-right: 10px; font-weight: bold; } #product_deail .product_deailbox .deailleft .denjituwen .tuwen .tuleft .wenbenbox .wenbenneirong .wenben:hover { color: red; } #product_deail .product_deailbox .deailleft .denjituwen .tuwen .tuleft .wenbenbox .wenbenneirong .yanzhen { position: relative; width: 16px; height: 16px; margin-right: 8px; cursor: pointer; } #product_deail .product_deailbox .deailleft .denjituwen .tuwen .tuleft .wenbenbox .wenbenneirong .yanzhen .yanzhenbox { width: 16px; height: 16px; background: #16da8e; transform: rotatez(-45deg); border-radius: 4px; } #product_deail .product_deailbox .deailleft .denjituwen .tuwen .tuleft .wenbenbox .wenbenneirong .yanzhen .dui { position: absolute; top: 2px; color: #fff; } #product_deail .product_deailbox .deailleft .denjituwen .tuwen .tuleft .wenbenbox .wenbenneirong .fasong { cursor: pointer; } #product_deail .product_deailbox .deailleft .denjituwen .tuwen .tuleft .wenbenbox .wenbenneirong .fasong span { color: #428BCA; font-size: 20px; top: -2px; } #product_deail .product_deailbox .deailleft .denjituwen .tuwen .tuleft .wenbenbox .wenbenneirong .boxrenzhen { position: absolute; top: 30px; left: 30px; background: #333333; padding: 6px; border-radius: 5px; width: 132px; font-size: 14px; z-index: 100; } #product_deail .product_deailbox .deailleft .denjituwen .tuwen .tuleft .wenbenbox .wenbenneirong .boxrenzhen span { color: #fff; } #product_deail .product_deailbox .deailleft .denjituwen .tuwen .tuleft .wenbenbox .wenbenneirong .boxrenzhen a { color: #1693DA; } #product_deail .product_deailbox .deailleft .denjituwen .tuwen .tuleft .wenbenbox .wenbenp { font-size: 13px; color: #9292a2; padding-left: 10px; } #product_deail .product_deailbox .deailleft .denjituwen .tuwen .wenright .buttonbox button { padding: 9px 22px; border: 1px solid #f03726; background: transparent; color: #f03726; border-radius: 30px; margin-bottom: 10px; } #product_deail .product_deailbox .deailleft .denjituwen .tuwen .wenright .buttonbox button:focus { outline: 0; } #product_deail .product_deailbox .deailleft .denjituwen .tuwen .wenright .buttonbox button:hover { color: #fff; background: #d22d1e; } #product_deail .product_deailbox .deailleft .denjituwen .tuwen .wenright .wenbenp { font-size: 13px; color: #9292a2; text-align: center; margin-bottom: 4px; } #product_deail .product_deailbox .deailleft .denjituwen .boxbottom { padding-top: 14px; justify-content: flex-start; cursor: pointer; position: relative; } #product_deail .product_deailbox .deailleft .denjituwen .boxbottom .imgboxdengji { height: 40px; width: 23px; text-align: center; display: flex; align-items: center; } #product_deail .product_deailbox .deailleft .denjituwen .boxbottom .imgboxdengji img { width: 20px; max-height: 100%; } #product_deail .product_deailbox .deailleft .denjituwen .boxbottom .imgboxtime { width: 50px; height: 40px; } #product_deail .product_deailbox .deailleft .denjituwen .boxbottom .imgboxtime img { width: 40px; max-height: 100%; } #product_deail .product_deailbox .deailleft .denjituwen .boxbottom .imgcanvas { width: 50px; height: 50px; position: relative; } #product_deail .product_deailbox .deailleft .denjituwen .boxbottom .imgcanvas .imgboxpeilian { position: absolute; top: 5px; left: 5px; } #product_deail .product_deailbox .deailleft .denjituwen .boxbottom .imgcanvas .imgboxpeilian img { width: 40px; max-height: 40px; border-radius: 50%; } #product_deail .product_deailbox .deailleft .denjituwen .boxbottom .imgcanvas .dengjibox { position: absolute; top: -5px; right: -9px; background: #f03726; border-radius: 3px; font-size: 12px; color: #ffffff; width: 26px; height: 14px; line-height: 15px; text-align: center; padding: 0 3px; } #product_deail .product_deailbox .deailright .rightdeailheader { background: #fff; /*width: 650px;*/ width: 844px; padding: 28px 30px 29px; box-shadow: 0 5px 5px 0 rgba(85, 85, 85, 0.06); border-radius: 4px; } #product_deail .product_deailbox .deailright .rightdeailheader .wenben { font-size: 13px; color: #9292a2; } #product_deail .product_deailbox .deailright .rightdeailheader .h1_title { font-size: 24px; line-height: 30px; font-weight: 500; display: block; margin: 10px 0 36px 0; } #product_deail .product_deailbox .deailright .rightdeailheader .fuwupaixi .wenben1 { font-size: 13px; color: #9292a2; } #product_deail .product_deailbox .deailright .rightdeailheader .fuwupaixi .wenben1 .wenbenleft { min-width: 150px; } #product_deail .product_deailbox .deailright .rightdeailheader .fuwupaixi hr { margin: 10px 0; } #product_deail .product_deailbox .deailright .rightdeailheader .boxrightright { padding: 20px 30px; background: #fafafc; justify-content: space-between; margin: 36px 0; } #product_deail .product_deailbox .deailright .rightdeailheader .boxrightright .timebox .glyphicon { font-size: 20px; margin-right: 6px; } #product_deail .product_deailbox .deailright .rightdeailheader .boxrightright .timebox .product_price { background: #fff; border: 1px solid #d7d7e0; color: #525257; font-size: 13px; line-height: 16px; padding: 12px 13px 12px; width: 120px; display: block; transition: all 0.3s ease-in-out; -webkit-appearance: none; border-radius: 4px; box-shadow: inset 2px 2px 3px 0 rgba(124, 124, 143, 0.1); } #product_deail .product_deailbox .deailright .rightdeailheader .boxrightright .timebox .product_price.borderred { border-color: red; } #product_deail .product_deailbox .deailright .rightdeailheader .boxrightright .sellbox .htitle { padding: 0 0 10px; font-size: 32px; line-height: 24px; margin-bottom: 10px; font-family: 'bebas_neue'; } #product_deail .product_deailbox .deailright .rightdeailheader .boxrightright .sellbox .buttonbox button { text-align: center; vertical-align: top; font-weight: 700; letter-spacing: 1px; font-size: 18px; line-height: 18px; padding: 13px 28px; text-transform: uppercase; background: #f03726; color: #fff; border: 0; border-radius: 6px; position: relative; transition: all 0.3s ease-in-out; display: inline-block; margin-bottom: 10px; } #product_deail .product_deailbox .deailright .rightdeailheader .boxrightright .sellbox .buttonbox button[disabled="disabled"]{ background: #eee; } #product_deail .product_deailbox .deailright .rightdeailheader .boxrightright .sellbox .imgbox { justify-content: center; } #product_deail .product_deailbox .deailright .rightdeailheader .boxrightright .sellbox .imgbox .icontu1 { margin-right: 10px; width: 27px; height: 27px; background-position: -47px -125px; } #product_deail .product_deailbox .deailright .rightdeailheader .baogaoqingdan { text-decoration: underline; color: #525257; font-size: 13px; padding: 24px 0 35px; cursor: pointer; display: inline-block; } #product_deail .product_deailbox .deailright .rightdeailheader .xianxi .h1title { font-size: 24px; line-height: 24px; font-weight: 600; color: #525257; /*font-family: cursive;*/ margin-bottom: 10px; text-transform: uppercase; } #product_deail .product_deailbox .deailright .rightdeailheader .xianxi .wenben { line-height: 20px; white-space: pre-wrap; word-break: break-all; } #product_deail .product_footer { padding-bottom: 40px; } #product_deail .product_footer .footer_title { padding: 0 0 42px; color: #525257; font-family: "bebas_neue", Verdana; margin: 0; font-size: 36px; line-height: 40px; font-weight: 700; } #product_deail .product_footer .footerbox { position: relative; width: 100%; height: 200px; padding: 0 39px; } #product_deail .product_footer .footerbox .anniu { display: block; margin: 0; top: calc( 50% - 15px ); } #product_deail .product_footer .footerbox .anniu.anleft { left: 0; } #product_deail .product_footer .footerbox .anniu.anright { right: 0; } #product_deail .product_footer .footerbox .relativebox { position: relative; height: 200px; overflow: hidden; } #product_deail .product_footer .footerbox .relativebox .ulbox { position: absolute; top: 0; left: 0; width: 10600px; } #product_deail .product_footer .footerbox .relativebox .ulbox .libox { padding: 0 15px; width: 354px; float: left; } #product_deail .product_footer .footerbox .relativebox .ulbox .libox .lia { height: 200px; padding: 17px 20px 30px; background: #fff; border-radius: 4px; } #product_deail .product_footer .footerbox .relativebox .ulbox .libox .lia .imgbox { padding-right: 20px; } #product_deail .product_footer .footerbox .relativebox .ulbox .libox .lia .imgbox img { width: 110px; } #product_deail .product_footer .footerbox .relativebox .ulbox .libox .lia .boxright .h1title { word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 14px; line-height: 20px; font-weight: 700; color: #525257; } #product_deail .product_footer .footerbox .relativebox .ulbox .libox .lia .boxright .wenben { padding: 13px 0 14px; font-size: 13px; line-height: 13px; overflow: hidden; height: 0; color: #9292a2; } #product_deail .product_footer .footerbox .relativebox .ulbox .libox .lia .boxright .dorlar { font-size: 20px; line-height: 24px; color: #f03726; font-family: fantasy; font-weight: 100; } #product_deail .product_footer .footerbox .relativebox .ulbox .libox:hover .boxright .h1title { color: #f03726; } /*************************************列表单个详情 #product_detail end*********************/ /*************************************列表单个结账 #product_jiezhang start*********************/ #product_jiezhang { color: #525257; } #product_jiezhang .jiezhangtitle { padding:0 0 5px 0; /*background: #eeeef4;*/ background: rgba(179, 169, 199, 0.2); font-size: 34px; font-family: 'bebas_neue'; } #product_jiezhang .main { background: #F7F7FA; padding: 40px 0; } #product_jiezhang .main .section { background: #fff; border-radius: 4px; -webkit-box-shadow: 0 5px 5px 0 rgba(85, 85, 85, 0.06); box-shadow: 0 5px 5px 0 rgba(85, 85, 85, 0.06); } #product_jiezhang .main .section .header { padding: 37px 22px 30px 40px; border-bottom: 1px solid #efeff4; font-size: 28px; line-height: 34px; font-weight: 400; } #product_jiezhang .main .section .maincontent { position: relative; width: 100%; padding: 0 22px 0 40px; display: flex; } #product_jiezhang .main .section .maincontent .maincontentleft { padding: 37px 40px 30px 0; border-right: 1px solid #ddd; width: 50%; } #product_jiezhang .main .section .maincontent .maincontentleft .h3_title { padding: 17px 30px; background: #fafafc; border-bottom: 1px solid #efeff4; text-transform: uppercase; margin: 0 0 14px; color: #898997; /*font-family: cursive;*/ font-size: 24px; font-family: 'Gothbold'; } #product_jiezhang .main .section .maincontent .maincontentleft form { margin: 0; } #product_jiezhang .main .section .maincontent .maincontentleft .formdiv { padding: 0 0 40px 30px; } #product_jiezhang .main .section .maincontent .maincontentleft .formdiv.delivery_method{ padding: 0; } #product_jiezhang .main .section .maincontent .maincontentleft .method_box{ padding: 0 0 0 30px; } #product_jiezhang .main .section .maincontent .maincontentleft .method_box input:focus{ /*outline-style:none!important;*/ } #product_jiezhang .main .section .maincontent .maincontentleft .formdiv .radio_choose{ padding: 17px 20px; background: #fafafc; margin: 0 0 14px; color: #898997; flex-wrap: wrap; } #product_jiezhang .main .section .maincontent .maincontentleft .formdiv .inputbox .price { background: #fff; border: 1px solid #d7d7e0; color: #525257; font-size: 13px; line-height: 16px; padding: 12px 13px 12px; width: 200px; transition: all 0.3s ease-in-out; -webkit-appearance: none; border-radius: 4px; box-shadow: inset 2px 2px 3px 0 rgba(124, 124, 143, 0.1); margin-right: 14px; } #product_jiezhang .main .section .maincontent .maincontentleft .formdiv .buttonbox { padding-top: 40px; } #product_jiezhang .main .section .maincontent .maincontentleft .formdiv .buttonbox button { border: 1px solid #f03726; color: #f03726; background: #fff; padding: 12px 20px; margin-left: 10px; display: inline-block; min-width: 175px; font-weight: 700; font-size: 18px; border-radius: 30px; transition: all 0.3s ease-in-out; /*font-family: cursive;*/ margin-bottom: 10px; } #product_jiezhang .main .section .maincontent .maincontentleft .formdiv .buttonbox button .wenbenb { text-transform: uppercase; margin-right: 10px; } #product_jiezhang .main .section .maincontent .maincontentleft .formdiv .buttonbox button:hover { background: #f03726; color: #fff; } #product_jiezhang .main .section .maincontent .maincontentleft .formdiv .buttonbox .active{ background: #f03726!important; color: #fff!important; } #product_jiezhang .main .section .maincontent .maincontentleft .formdiv .checkbox_input input[type='radio'],#product_jiezhang .main .section .maincontent .maincontentleft .formdiv .checkbox_input input[type='checkbox'] { position: relative; top: 2px; margin-right: 4px; margin-left: 20px; } #product_jiezhang .main .section .maincontent .maincontentleft .formdiv .checkbox_input .wenhao { width: 18px; height: 18px; border-radius: 50%; text-align: center; line-height: 18px; background: #C4C4CE; color: #fff; margin-left: 10px; cursor: pointer; } .wenhao~.popover.top>.arrow::after{ border-top-color: #FAFAFC; } .wenhao~.popover{ background: #FAFAFC; box-shadow: unset; padding: 0; border-radius: 3px; } .wenhao~.popover a{ color: red; } .wenhao~.popover.top{ margin-top: -16px; } .wenhao~.popover .popover-content{ display: none; } .wenhao~.popover .popover-title{ border: 0; background: transparent; color: #5c5c65; font-size: 12px; font-weight: bold; white-space: pre-wrap; } #product_jiezhang .main .section .maincontent .maincontentleft .formdiv .checkbox_input .inputbox1 .inputlabel { width: 100%; display: block; } #product_jiezhang .main .upload_label{ background: #fff; font-size: 13px; line-height: 35px; color: #9292a2; font-weight: 400; padding: 0 16px; text-align: center; border-radius: 4px; transition: 0.1s ease-in-out; box-shadow: 0 1px 0 0 #e6e6ec; border: 1px solid transparent; height: 35px; cursor: pointer; display: flex; justify-content: center; align-items: center; margin: 0 10px 6px; } #product_jiezhang .main .imgbox_upload { position: relative; } #product_jiezhang .main .imgbox_upload .glyphicon{ position: absolute; right: 5px; top: 5px; color: #868585; font-size: 16px; padding: 5px 3px 2px; background: #fff; border-radius: 3px; cursor: pointer; } #product_jiezhang .main .imgbox_upload img{ width: 100px; max-height: 100px; border-radius: 4px; border: 1px solid #ddd; } #product_jiezhang .main .upload_label:hover{ color: #848496; border-color: #f3f3f3; } #product_jiezhang .main .upload_label .glyphicon { font-size: 16px; margin-right: 8px; } #product_jiezhang .main .section .maincontent .maincontentleft .formdiv .checkbox_input .inputbox1 .inputlabel .wenben { padding: 4px 0 8px; font-size: 12px; line-height: 11px; text-align: left; color: #5c5c65; display: flex; align-items: center; justify-content: space-between; } #product_jiezhang .main .section .maincontent .maincontentleft .formdiv .checkbox_input .inputbox1 .inputlabel .textinput { background: #fff; border: 1px solid #d7d7e0; color: #525257; font-size: 13px; line-height: 16px; padding: 12px 13px 12px; width: 100%; display: block; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-appearance: none; border-radius: 4px; -webkit-box-shadow: inset 2px 2px 3px 0 rgba(124, 124, 143, 0.1); box-shadow: inset 2px 2px 3px 0 rgba(124, 124, 143, 0.1); } #product_jiezhang .main .section .maincontent .maincontentleft .formdiv .checkbox_input .inputbox1 .inputlabel .textinput::-webkit-input-placeholder, #product_jiezhang .main .section .maincontent .maincontentleft .formdiv .checkbox_input .inputbox1 .inputlabel .relo_note::-webkit-input-placeholder { color: #ddd; } #product_jiezhang .main .section .maincontent .maincontentleft .formdiv .checkbox_input .inputbox1 .inputlabel .relo_note { width: 100%; resize: none; border-radius: 4px; border-color: #d7d7e0; padding: 10px; } #product_jiezhang .main .section .maincontent .maincontentleft .formdiv .checkbox_input .inputbox1.inputbox2 .inputlabel .wenben { padding: 10px 0; font-size: 16px; } #product_jiezhang .main .section .maincontent .maincontentleft .formdiv .checkbox_input .inputbox1.inputbox2 .inputlabel .beizhu { width: 100%; padding: 10px; font-weight: normal; border: 1px solid #d7d7e0; border-radius: 4px; } #product_jiezhang .main .section .maincontent .maincontentleft .wenbenbox { padding: 0 0 31px 30px; } #product_jiezhang .main .section .maincontent .maincontentleft .wenbenbox .wenbenp { padding-bottom: 30px; line-height: 20px; } #product_jiezhang .main .section .maincontent .maincontentleft .wenbenbox .wenbenp a:hover { color: #F87272; } #product_jiezhang .main .section .maincontent .maincontentleft .wenbenbox .wenbenp b { color: #000; } #product_jiezhang .main .section .maincontent .maincontentright { width: 50%; padding: 37px 0 30px 37px; } #product_jiezhang .main .section .maincontent .maincontentright .pricecontent { background: #fafafc; padding: 2px 30px 14px; } #product_jiezhang .main .section .maincontent .maincontentright .pricecontent .input-group .form-control{height: 36px!important;} #product_jiezhang .main .section .maincontent .maincontentright .pricecontent .contentheader { padding: 30px 0 20px; border-bottom: 1px solid #ddd; } #product_jiezhang .main .section .maincontent .maincontentright .pricecontent .contentheader .libox { height: 30px; } #product_jiezhang .main .section .maincontent .maincontentright .pricecontent .contentheader .libox .liboxleft { width: 50%; text-align: left; } #product_jiezhang .main .section .maincontent .maincontentright .pricecontent .contentheader .libox .liboxright { width: 50%; text-align: right; } #product_jiezhang .main .section .maincontent .maincontentright .pricecontent .contentheader .libox.liboxdong .liboxright { color: #C4C4CE; font-size: 14px; } #product_jiezhang .main .section .maincontent .maincontentright .pricecontent .contentheader .libox.liboxgu .liboxright { font-size: 14px; font-weight: 800; color: #C4C4CE; } #product_jiezhang .main .section .maincontent .maincontentright .pricecontent .contentheader.header_bottom .liboxdong .liboxright { font-size: 28px; color: #000; /*font-family: cursive;*/ display: flex; justify-content: flex-end; font-family: 'Gothbold'; font-weight: bold; } #product_jiezhang .main .section .maincontent .maincontentright .pricecontent .contentheader.header_bottom .liboxgu .num { width: 27px; height: 27px; background-position: -47px -125px; background-image: url('../images/icons-2017-beta.png'); margin-right: 10px; } #product_jiezhang .main .section .maincontent .maincontentright .pricecontent .contentheader.header_bottom .liboxgu .number { font-weight: normal; } #product_jiezhang .main .section .maincontent .maincontentright .pricecontent .contentheader.header_end { border: 0; } #product_jiezhang .main .section .maincontent .maincontentright .buttonbox { margin-top: 50px; text-align: right; } #product_jiezhang .main .section .maincontent .maincontentright .buttonbox .button1 { text-align: center; font-weight: 700; font-family: 'bebas_neue'; font-size: 18px; line-height: 18px; padding: 13px 28px; text-transform: uppercase; background: #f03726; color: #fff; border: 0; border-radius: 30px; position: relative; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #product_jiezhang .main .section .maincontent .maincontentright .buttonbox .button1:hover { background: #d22d1e; } /*************************************列表单个结账 #product_jiezhang end*********************/ /*************************************列表单个结账方式 #pay_ment start*********************/ #pay_ment { background: #F7F7FA; width: 100%; padding-top: 18px; } #pay_ment .pay_info { width: 100%; padding: 30px 0 30px; background-color: #fff; margin-bottom: 15px; border-radius: 3px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } #pay_ment .pay_info hr { width: 92%; margin: 20px auto; } #pay_ment .pay_info .table { min-height: 100px; margin: 0 auto; width: 92%; padding-top: 20px; line-height: 25px; font-size: 13px; color: #666666; } #pay_ment .pay_info .table.table_11 th, #pay_ment .pay_info .table.table_11 td { border: 0; } #pay_ment .pay_info .table.table_11 th:last-child, #pay_ment .pay_info .table.table_11 td:last-child { text-align: right; } #pay_ment .pay_info .table.table_12 .imgbox { width: 27px; height: 27px; background-position: -47px -125px; background-image: url(../images/icons-2017-beta.png); margin-right: 10px; } #pay_ment .pc-s { height: 35px; } #pay_ment .pc-s .leftline { width: 100%; } #pay_ment .pc-s .leftline .borderleft { border-bottom: 1px dashed #ddd; } #pay_ment .fukuanfangshi { display: flex; justify-content: space-between; margin-top: 20px; padding-bottom: 20px; flex-wrap: wrap; } #pay_ment .fukuanfangshi .bordercon { border: 1px solid #ddd; border-radius: 5px; } #pay_ment .fukuanfangshi .fukuanleft { color: #666; width: 640px; border: 1px solid #ddd; border-radius: 5px; } #pay_ment .fukuanfangshi .fukuanleft .zhifubox .zhifulibox { padding: 10px 30px; flex-wrap: wrap; display: flex; } #pay_ment .fukuanfangshi .fukuanleft .zhifubox .zhifulibox .licon { width: calc(100% / 4); display: flex; flex-direction: column; align-items: center; margin-bottom: 10px; min-height: 102px; min-width: 140px; } #pay_ment .fukuanfangshi .fukuanleft .zhifubox .zhifulibox .licon .imgbox { cursor: pointer; padding: 5px; background-color: #fff; width: 116px; border: 1px solid #ddd; border-radius: 3px; } #pay_ment .fukuanfangshi .fukuanleft .zhifubox .zhifulibox .licon .imgbox img { width: 102px; } #pay_ment .fukuanfangshi .fukuanleft .zhifubox .zhifulibox .licon .imgbox.active { box-shadow: 0 0 0 3px #47A8F5; border-color: transparent; } #pay_ment .fukuanfangshi .fukuanleft .zhifubox .zhifulibox .licon .imgbox:hover { box-shadow: 0 0 0 3px #47A8F5; border-color: transparent; } #pay_ment .fukuanfangshi .fukuanleft .zhifubox .zhifulibox .licon .wenben { margin-top: 10px; } #pay_ment .fukuanfangshi .fukuanleft .zhifubox .wenbenshouxu { padding: 0 20px 20px; font-size: 14px; } #pay_ment .fukuanfangshi .fukuanleft .zhifubox:last-child { border: 0; } #pay_ment .fukuanfangshi .fukuanright { /*width: 466px;*/ width: 660px; } #pay_ment .fukuanfangshi .fukuanright .rightcontent { border: 1px solid #ddd; border-radius: 5px; background: #F9F9F9; } #pay_ment .fukuanfangshi .fukuanright .rightcontent .padding20 { padding: 20px; } #pay_ment .fukuanfangshi .fukuanright .rightcontent .jinen .wenben:last-child { font-size: 20px; font-weight: bold; } #pay_ment .fukuanfangshi .fukuanright .rightcontent .buttonbox { margin-top: 20px; } #pay_ment .fukuanfangshi .fukuanright .rightcontent .buttonbox .fukuanle { width: 285px; color: #fff; border-radius: 5px; padding: 10px 20px; background: #E61610; max-width: 100%; font-size: 22px; } #pay_ment .fukuanfangshi .fukuanright .rightcontent .buttonbox .fukuanle[disabled] { background: #E0E1E2; } #pay_ment .fukuanfangshi .fukuanright .rightcontent .imgbox { display: flex; justify-content: flex-end; align-items: center; margin-top: 6px; } #pay_ment .fukuanfangshi .fukuanright .rightcontent .imgbox img { width: 70px; margin-right: 10px; } #pay_ment .fukuanfangshi .fukuanright .rightcontent .imgbox img:last-child { margin-right: 0; } #pay_ment .fukuanfangshi .fukuanright .rightcontent .ulbox { padding: 20px; border-bottom: 1px solid #d6d6d6; background-color: #ffffff; border-top-left-radius: 5px; border-top-right-radius: 5px; } #pay_ment .paypal_pay { padding: 80px 0 60px; } #pay_ment .paypal_pay .jianchanbox1170 { max-width: 750px; } #pay_ment .paypal_pay .jianchanbox1170 .table_11 { font-size: 14px; } #pay_ment .paypal_pay .jianchanbox1170 .table_11 tr td:nth-child(3) { text-align: right; } #pay_ment .paypal_pay .jianchanbox1170 .buttonbox { width: 92%; margin: 20px auto 0; display: flex; justify-content: space-between; align-items: center; padding: 0 50px; } #pay_ment .paypal_pay .jianchanbox1170 .buttonbox button { background: #20c082; text-align: center; vertical-align: top; font-weight: 700; font-family: 'bebas_neue'; letter-spacing: 1px; font-size: 18px; line-height: 18px; padding: 13px 28px; text-transform: uppercase; color: #fff; border: 0; border-radius: 30px; position: relative; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: inline-block; } #pay_ment .paypal_pay .jianchanbox1170 .buttonbox button:hover { background: #269469; } #pay_ment .paypal_pay .jianchanbox1170 .buttonbox button.closemo { background: red !important; } #pay_ment .paypal_pay .jianchanbox1170 .buttonbox button.closemo:hover { background: #b92d2d!important; } /*************************************列表单个结账方式 #pay_ment end*********************/ /*************************************忘记密码 #jianchan_forget_index start*********************/ #jianchan_forget_index .midsection-small .form .btn-submit-full[disabled] { background: #ddd; } #jianchan_forget_index .libox { padding: 0 20px 0 30px; font-weight: normal; } #jianchan_forget_index .libox label { width: 100%; } #jianchan_forget_index .libox label .wenben { font-size: 12px; color: #898997; } #jianchan_forget_index .libox label .inputbox { margin-top: 6px; } #jianchan_forget_index .libox label .inputbox input.phone { width: 100%; height: 38px; background-color: #fafafc; border: 1px solid #d7d7e0; font-size: 13px; border-radius: 4px; } #jianchan_forget_index .libox label .inputbox button { width: 100%; background: #fff; } #jianchan_forget_index .libox label .inputbox [data-am-dropdown] { width: 100%; font-weight: normal; } #jianchan_forget_index .libox.flex_between label { padding: 0 10px; } #jianchan_forget_index .libox.flex_between label:first-child { padding-left: 0; } #jianchan_forget_index .libox.flex_between label:last-child { padding-right: 0; } #jianchan_forget_index .libox .lianxiafangsi { position: relative; background: #fff; border: 1px solid #d7d7e0; border-radius: 4px; box-shadow: inset 2px 2px 3px 0 rgba(124, 124, 143, 0.1); margin-top: 10px; } #jianchan_forget_index .libox .lianxiafangsi input { width: 100%; height: 42px; border: 0; border-radius: 4px; padding: 0 46px 0 66px; } #jianchan_forget_index .libox .lianxiafangsi .closexx { position: absolute; top: 0; right: 0; height: 42px; width: 42px; font-size: 22px; display: flex; justify-content: center; align-items: center; color: #b3afaf; cursor: pointer; } #jianchan_forget_index .libox .lianxiafangsi .imgbox { position: absolute; top: 0; left: 0; width: 60px; height: 42px; display: flex; justify-content: center; align-items: center; background: #fafafc; border-right: 1px solid #e9e9ee; border-radius: 4px 0 0 4px; } /*************************************忘记密码 #jianchan_forget_index end*********************/ /**********************************等待付款点单页 #dengdai_pay start************************************/ #dengdai_pay { color: #929295; } #dengdai_pay .prompt{ color: #000; } .z2u.en #dengdai_pay .prompt .wenben{ font-size: 16px; } #dengdai_pay .motaikuang .motaikuangbody { height: 240px; } #dengdai_pay .motaikuang.cancel_order .motaikuangbody{ height: auto; } #dengdai_pay .motaikuang.cancel_order textarea{ height: 100px; width: 100%; border-radius: 5px; padding: 10px; } #dengdai_pay .motaikuang textarea::placeholder,#dengdai_pay .motaikuang input::placeholder{ color: #ddd; } #dengdai_pay .motaikuang.cancel_order .choose_sign{ display: flex; align-items: center; } #dengdai_pay .motaikuang.cancel_order .cancel_numer{ width: 100%; height: 30px; border: 1px solid #ddd; border-radius: 5px; margin-bottom: 10px; } #dengdai_pay .motaikuang.cancel_order .choose_sign label{ display: flex; align-items: center; margin-right: 10px; } #dengdai_pay .motaikuang.cancel_order .choose_sign label input{ margin: 0 6px 0; } #dengdai_pay .motaikuang .main .wenben { text-align: center; font-size: 15px; } #dengdai_pay .motaikuang .main .buttonbox { display: flex; justify-content: space-between; align-items: center; } #dengdai_pay .motaikuang .main .buttonbox button.closemo { background: red; } #dengdai_pay .motaikuang.repair_order .motaikuangbody { height: auto; } #dengdai_pay .motaikuang.repair_order .motaikuangbody .inputbox .dialogue{ width: 100%; height: 110px; padding: 10px; border-radius: 6px; color: #000; } #dengdai_pay .motaikuang.repair_order .motaikuangbody .inputbox .dialogue::placeholder{ color: #ddd; } #dengdai_pay .motaikuang .main .buttonbox button.closemo:hover { background: #ce3434; } #dengdai_pay .motaikuang.upload_screenshots .motaikuangbody { height: auto; width: 800px; margin-top: 40px; } #dengdai_pay .motaikuang.upload_screenshots .motaikuangbody .main { max-height: calc(100vh - 100px); overflow-y: auto; } #dengdai_pay .motaikuang.upload_screenshots .motaikuangbody .main .title{ font-size: 20px; } .z2u.en #dengdai_pay .motaikuang.upload_screenshots .motaikuangbody .main .title{ font-size: 16px; } #dengdai_pay .motaikuang.upload_screenshots .motaikuangbody .main .main_screenshots { background: #FAFAFC; padding: 15px; } #dengdai_pay .motaikuang.upload_screenshots .motaikuangbody .main .main_screenshots .libox { border-bottom: 1px solid #ddd; padding: 15px 0; } #dengdai_pay .motaikuang.upload_screenshots .motaikuangbody .main .main_screenshots .libox:last-child { border: 0; } #dengdai_pay .motaikuang.upload_screenshots .motaikuangbody .main .main_screenshots .libox .title { margin-bottom: 10px; } #dengdai_pay .motaikuang.upload_screenshots .motaikuangbody .main .main_screenshots .libox .wenben { text-align: left; margin-bottom: 0; } #dengdai_pay .motaikuang.upload_screenshots .motaikuangbody .main .uploadbox { margin-top: 40px; border-bottom: 1px solid #ddd; padding-bottom: 20px; } #dengdai_pay .motaikuang.upload_screenshots .motaikuangbody .main .uploadbox .wentext { margin-bottom: 10px; } #dengdai_pay .motaikuang.upload_screenshots .motaikuangbody .main .uploadbox .icdfile { width: 100%; } #dengdai_pay .motaikuang.upload_screenshots .motaikuangbody .main .uploadbox .icdfile .buttonbox { margin-top: 0; justify-content: flex-start; } #dengdai_pay .motaikuang.upload_screenshots .motaikuangbody .main .uploadbox .icdfile .buttonbox .button_left { background: #F7F6FB; font-size: 13px; color: #9292a2; font-weight: 400; padding: 0 16px; text-align: center; border-radius: 4px; transition: 0.1s ease-in-out; box-shadow: 0 1px 0 0 #e6e6ec; border: 1px solid transparent; height: 35px; cursor: pointer; display: flex; justify-content: center; align-items: center; margin-right: 10px; } #dengdai_pay .motaikuang.upload_screenshots .motaikuangbody .main .uploadbox .icdfile .buttonbox .button_left:hover { color: #848496; border: 1px solid #999; } #dengdai_pay .motaikuang.upload_screenshots .motaikuangbody .main .wenbenboxul { margin-top: 20px; } #dengdai_pay .motaikuang.upload_screenshots .motaikuangbody .main .wenbenboxul .title { margin-bottom: 10px; } #dengdai_pay .motaikuang.upload_screenshots .motaikuangbody .main .wenbenboxul ul { list-style: disc; padding-left: 30px; } #dengdai_pay .sellmain .paydan .headerpay { flex-wrap: wrap; padding: 24px 40px 27px; } #dengdai_pay .sellmain .paydan .headerpay.xiaosou { background: #fff; } #dengdai_pay .sellmain .paydan .headerpay .headerleft .tuimg { margin-right: 16px; margin-top: 6px; } #dengdai_pay .sellmain .paydan .headerpay .headerleft .tuimg img { width: 20px; height: 20px; } #dengdai_pay .sellmain .paydan .headerpay .headerleft .wenbenbox h1 { font-size: 26px; font-weight: normal; margin-bottom: 10px; } #dengdai_pay .sellmain .paydan .headerpay .headerright .h3title { font-weight: bold; font-size: 18px; } #dengdai_pay .sellmain .paydan .headerpay .headerright .date1 { font-size: 12px; color: #9292a2; } #dengdai_pay .sellmain .paydan .headerpay2 { padding: 24px 40px 27px; background: #fff; border-top: 1px solid #ddd; flex-wrap: wrap; } #dengdai_pay .sellmain .paydan .headerpay2 .headerleft { flex-wrap: wrap; } #dengdai_pay .sellmain .paydan .headerpay2 .headerleft .h3title { font-weight: bold; font-size: 18px; } #dengdai_pay .sellmain .paydan .headerpay2 .headerleft .zhuangtai { align-self: flex-end; padding: 6px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #5785A4; border: 1px solid #5785A4; font-weight: bold; /*margin-left: 30px;*/ margin-left: 5px; font-size: 12px; margin-right: 5px; } #dengdai_pay .sellmain .paydan .headerpay2 .headerleft .zhuangtai[data='3'] { color: red; border: 1px solid red; } #dengdai_pay .sellmain .paydan .headerpay2 .headerleft .zhuangtai[data='4'] { color: #F79258; border: 1px solid #F79258; } #dengdai_pay .sellmain .paydan .headerpay2 .headerleft .zhuangtai[data='5'] { color: red; border: 1px solid red; } #dengdai_pay .sellmain .paydan .headerpay2 .headerleft .zhuangtai[data='6'] { color: red; border: 1px solid red; } #dengdai_pay .sellmain .paydan .headerpay2 .headerleft .zhuangtai[data='7'] { color: #2D37D6; border: 1px solid #2D37D6; } #dengdai_pay .sellmain .paydan .headerpay2 .headerright .date1 { font-size: 12px; color: #9292a2; } #dengdai_pay .sellmain .paydan hr { margin-top: 0; } #dengdai_pay .sellmain .paydan .zhuangtaibox .ulbox { width: 924px; margin: 0 auto; } #dengdai_pay .sellmain .paydan .zhuangtaibox .ulbox .libox { width: 308px; color: #9292a2; } #dengdai_pay .sellmain .paydan .zhuangtaibox .ulbox .libox .wenben { margin-bottom: 10px; } #dengdai_pay .sellmain .paydan .zhuangtaibox .ulbox .libox .lineyuanbox .yuan { width: 10px; height: 10px; min-width: 10px; border-radius: 50%; background: #d4d4d4; } #dengdai_pay .sellmain .paydan .zhuangtaibox .ulbox .libox .lineyuanbox .line { width: calc(100% - 10px); height: 2px; background: #d4d4d4; margin: 0; } #dengdai_pay .sellmain .paydan .zhuangtaibox .ulbox .libox:first-child { width: 154px; } #dengdai_pay .sellmain .paydan .zhuangtaibox .ulbox .libox:nth-of-type(2) .wenben, #dengdai_pay .sellmain .paydan .zhuangtaibox .ulbox .libox:nth-of-type(3) .wenben { text-align: center; } #dengdai_pay .sellmain .paydan .zhuangtaibox .ulbox .libox:last-child { width: 154px; } #dengdai_pay .sellmain .paydan .zhuangtaibox .ulbox .libox:last-child .wenben { text-align: right; } #dengdai_pay .sellmain .paydan .zhuangtaibox .ulbox .libox.active .wenben { color: #20c082; } #dengdai_pay .sellmain .paydan .zhuangtaibox .ulbox .libox.active .yuan { border: 2px solid #20c082; background: #fff; min-height: 13px; min-width: 13px; } #dengdai_pay .sellmain .paydan .zhuangtaibox .sanjiebox { position: relative; width: 924px; margin: 0 auto; margin-top: 10px; } #dengdai_pay .sellmain .paydan .zhuangtaibox .sanjiebox .sanjiao { position: absolute; width: 0; height: 0; left: -20px; border-left: 25px solid transparent; border-right: 25px solid transparent; border-bottom: 50px solid #d4d4d4; } #dengdai_pay .sellmain .paydan .zhuangtaibox .sanjiebox .sanjiao[data='2'] { left: 283px; } #dengdai_pay .sellmain .paydan .zhuangtaibox .sanjiebox .sanjiao[data='1'] { left: -20px; } #dengdai_pay .sellmain .paydan .zhuangtaibox .sanjiebox .sanjiao[data='3'] { left: 591px; } #dengdai_pay .sellmain .paydan .zhuangtaibox .sanjiebox .sanjiao[data='4'] { left: 894px; } #dengdai_pay .sellmain .paydan .zhuangtaibox .xinxibox { background: #d4d4d4; position: relative; z-index: 2; margin-top: 36px; border-radius: 6px; } #dengdai_pay .sellmain .paydan .zhuangtaibox .xinxibox .libox { padding: 20px; border-bottom: 1px solid #fff; } #dengdai_pay .sellmain .paydan .zhuangtaibox .xinxibox .libox .liboxleft { min-width: 200px; color: #9292a2; } #dengdai_pay .sellmain .paydan .deailtable { background: #FAFAFC; border-radius: 4px; box-shadow: 0 5px 5px 0 rgba(85, 85, 85, 0.06); } #dengdai_pay .sellmain .paydan .deailtable .tablebox { border-radius: 4px 4px 0 0; } #dengdai_pay .sellmain .paydan .deailtable .table { color: #929295; font-size: 13px; margin-bottom: 0; border-radius: 4px 4px 0 0; } #dengdai_pay .sellmain .paydan .deailtable .table th { padding: 19px 0 18px 40px; font-weight: 400; color: #9292a2; text-transform: uppercase; background: #fafafc; border-bottom: 1px solid #efeff4; text-align: left; } #dengdai_pay .sellmain .paydan .deailtable .table td { vertical-align: middle; padding: 5px 0 5px 40px; position: relative; border-bottom: 1px solid #efeff4; } #dengdai_pay .sellmain .paydan .deailtable .table td:first-child { font-weight: 700; color: #000; width: 60%; } #dengdai_pay .sellmain .paydan .deailtable .table tbody tr { background: #fff; } #dengdai_pay .sellmain .paydan .deailtable .table tbody tr:hover { background: #FAFAFC; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi { padding: 20px 40px 40px 40px; background: #fafafc; border-radius: 4px; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .trade__action { flex-wrap: wrap; padding: 0 10px 40px; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .trade_actionleft{ flex-wrap:wrap; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .trade__action .leftbox .imgbox { position: relative; margin-right: 10px; width: 40px; height: 34px; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .trade__action .leftbox .imgbox img { border-radius: 50%; width: 34px; height: 34px; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .trade__action .leftbox .imgbox .yuan { border-radius: 50%; border: 2px solid #fff; position: absolute; background: #16da8e; bottom: 0; right: 0; height: 12px; width: 12px; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .trade__action .leftbox .wenbenbox .wenben1 { color: #525257; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .trade__action .leftbox .wenbenbox .wenben2 { color: #9292a2; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .trade__action .rightboxbox { flex-wrap: wrap; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .trade__action .rightbox { background: #fff; font-size: 13px; line-height: 35px; color: #2B2B36; font-family: 'Gothbold'; font-weight: 400; padding: 0 16px; text-align: center; border-radius: 4px; transition: 0.1s ease-in-out; box-shadow: 0 1px 0 0 #e6e6ec; border: 1px solid transparent; height: 35px; cursor: pointer; display: flex; justify-content: center; align-items: center; margin: 0 10px 6px ; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .trade__action .rightbox:hover { color: #848496; border-color: #f3f3f3; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .trade__action .rightbox.work_order .span.deail span { color: yellowgreen; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .trade__action .rightbox .span { background: #ababb7; margin-right: 8px; padding: 3px 2px 6px 3px; border-radius: 5px; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .trade__action .rightbox.quxiao .span{ padding: 0 3px; height: 20px; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .trade__action .rightbox.rescind_quxiao .span{ padding: 0 3px; height: 20px; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .trade__action .rightbox.quxiao .span span{ top: -7px; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .trade__action .rightbox.rescind_quxiao .span span{ top: -7px; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .trade__action .rightbox .span.deail { padding: 0; background: #fff; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .trade__action .rightbox .span.deail span { color: #ababb7; font-size: 16px; margin: 0; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .trade__action .rightbox .span span { color: #fff; font-size: 12px; margin: 0; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .maindeail { margin-top: 30px; border: 1px solid #ddd; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .maindeail .libox { padding: 8px 0 8px; border-bottom: 1px solid #ddd; /*margin-bottom: 10px;*/ padding-left: 10px; padding-right: 10px; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .maindeail .libox:nth-child(2n+1){ background: #fff; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .maindeail .libox .liboxleft { width: auto; min-width: 200px; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .maindeail .count_change{ border: 1px solid #ddd; border-radius: 5px; height: 24px; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .game_message{ margin-top: 40px; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .game_message_header,#dengdai_pay .sellmain .paydan .deailtable .deailxinxi .message_header{ background: #12b2e2; height: 50px; padding: 0 20px; color: #fff; font-size: 16px; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .message_header .text_symbol{ cursor: pointer; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .message_content{ padding: 20px 0; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .message_content .leave_message{ font-size: 24px; line-height: 24px; font-weight: 600; color: #525257; font-family: "bebas_neue"; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .message_content .message_contentbox{ padding: 20px 0; } #dengdai_pay .deailxinxi .message_content .message_contentbox .message_libox{ padding: 20px 0; display: flex; } #dengdai_pay .deailxinxi .message_content .message_contentbox .judge_more:nth-child(3)~.message_libox{ display: none; } #dengdai_pay .deailxinxi .message_content .message_contentbox .message_liboxleft{ height: 60px; width: 60px; border-radius: 50%; border: 3px solid #CECFCE; text-align: center; line-height: 60px; margin-right: 70px; min-width: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 3px; font-size: 12px; } #dengdai_pay .deailxinxi .message_content .message_contentbox .message_liboxright{ flex-grow: 1; border: 1px solid #CECFCE; border-radius: 6px; box-shadow: 0 0 3px 0 #ddd; padding: 20px; font-size: 14px; position: relative; width: calc( 100% - 130px); word-break: break-word; background: #dadafd; } #dengdai_pay .deailxinxi .message_content .message_contentbox .libox_message_show{ white-space: pre-wrap; word-wrap: break-word; text-indent: 0; color: #6168c3; } #dengdai_pay .deailxinxi .message_content .message_contentbox .message_date{ color: green; } #dengdai_pay .deailxinxi .message_content .message_contentbox .message_libox.mine .message_liboxleft{ border-color:#b99ab9; } #dengdai_pay .deailxinxi .message_content .message_contentbox .message_liboxright .imgbox_arrow{ height: 20px; width: 20px; border: 1px solid #CECFCE; transform: rotateZ(45deg); position: absolute; left: -11px; top: 20px; border-top-color: transparent; border-right-color: transparent; background: #dadafd; } #dengdai_pay .deailxinxi .message_content .message_contentbox .message_libox.other .message_liboxleft{ border-color: #0079C6; } #dengdai_pay .deailxinxi .message_content .message_contentbox .message_libox.other .message_liboxright{ border-color: #0079C6; } #dengdai_pay .deailxinxi .message_content .message_contentbox .message_libox.other .message_liboxright .imgbox_arrow{ border-left-color: #0079C6; border-bottom-color: #0079C6; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .game_message_box{ padding: 20px 20px 20px; color: #000; border: 1px solid #ddd; border-top: 0; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .game_message_libox{ border-bottom: 1px solid #ddd; max-width: 700px; padding-bottom: 15px; margin-bottom: 20px; } .game_button button{ border-radius:6px; padding: 6px 20px; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .message_header{ font-size: 14px; font-weight: bold; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .input_libox{ padding: 5px 0; font-size: 14px; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .text_label{ font-family: 'Gothbold'; color: #f60; padding: 6px 0; font-weight: bold; font-size: 12px; display: flex; justify-content: space-between; } .z2u.en #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .text_label{ font-size: 14px; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .input_box .textinput{ border-radius: 5px; height: 42px; border: 1px solid #ddd; width: 100%; max-width: 100%; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .input_li{ max-width: 100%; width:300px; height: 40px; border-radius: 4px; border: 1px solid #ddd; box-shadow: 0 0 3px 0 #ddd inset; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .deailfooter { margin-top: 60px; padding: 0px 30px 15px 30px; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .deailfooter .jiaoyizhuangtai { margin-bottom: 30px; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .deailfooter .jiaoyizhuangtai .wenben { line-height: 30px; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .deailfooter .jiaoyizhuangtai meter { width: 100%; height: 8px; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .deailfooter .screenshotsbutton a { background: #F7F6FB; font-size: 13px; color: #9292a2; font-weight: 400; padding: 0 16px; text-align: center; border-radius: 4px; transition: 0.1s ease-in-out; box-shadow: 0 1px 0 0 #e6e6ec; height: 36px; display: inline-block; line-height: 36px; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .deailfooter .screenshotsbutton a:first-child { margin-right: 10px; background: #fff; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .deailfooter .screenshotsbutton a:hover { color: #848496; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .deailfooter .datetime { margin-top: 60px; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .deailfooter .wenbenbox { margin-top: 10px; } #dengdai_pay .sellmain .paydan .trade-history__inner { margin-top: 20px; background: #fff; border-radius: 4px; box-shadow: 0 5px 5px 0 rgba(85, 85, 85, 0.06); padding: 32px 40px 53px; margin-bottom: 20px; } #dengdai_pay .sellmain .paydan .trade-history__inner .h1_title { padding: 0 0 19px; font-size: 24px; line-height: 24px; font-weight: 600; color: #525257; font-family: "bebas_neue"; } #dengdai_pay .sellmain .paydan .trade-history__inner .trade-history_xinxi { margin-bottom: 30px; } #dengdai_pay .sellmain .paydan .trade-history__inner .trade-history_xinxi .libox { padding: 8px 0 8px; border-bottom: 1px solid #ddd; } #dengdai_pay .sellmain .paydan .trade-history__inner .trade-history_xinxi .libox .liboxleft { width: auto; min-width: 200px; } #dengdai_pay .sellmain .paydan .report_list { display: flex; justify-content: flex-end; margin-bottom: 30px; } #dengdai_pay .sellmain .paydan .report_list .motaikuang .motaikuangbody { height: auto; } #dengdai_pay .sellmain .paydan .report_list .motaikuang .motaikuangbody .main { padding: 20px; } #dengdai_pay .sellmain .paydan .report_list .motaikuang .motaikuangbody .main .textbox { margin-top: 10px; } #dengdai_pay .sellmain .paydan .report_list .motaikuang .motaikuangbody .main .textbox textarea { height: 100px; width: 100%; border-radius: 5px; padding: 10px; } #dengdai_pay .sellmain .paydan .report_list .motaikuang .motaikuangbody .main .buttonbox { margin-top: 20px; justify-content: center; } #dengdai_pay .sellmain .paydan .report_list .motaikuang .motaikuangbody .main .buttonbox button { border-radius: 20px; padding: 8px 20px; background: #DE2826; opacity: 0.8; color: #fff; font-weight: bold; border: 0; } #dengdai_pay .sellmain .paydan .report_list .motaikuang .motaikuangbody .main .buttonbox button:hover { opacity: 1; } #dengdai_pay .sellmain .paydan .report_list .rightbox { background: #fff; font-size: 13px; line-height: 35px; color: #9292a2; font-weight: 400; padding: 0 16px; text-align: center; border-radius: 4px; transition: 0.1s ease-in-out; box-shadow: 0 1px 0 0 #e6e6ec; border: 1px solid transparent; height: 35px; cursor: pointer; display: flex; justify-content: center; align-items: center; } #dengdai_pay .sellmain .paydan .report_list .rightbox:hover { color: #848496; border: 1px solid #999; } #dengdai_pay .sellmain .paydan .report_list .rightbox:nth-of-type(3) .span.deail span { color: yellowgreen; } #dengdai_pay .sellmain .paydan .report_list .rightbox .span { background: #ababb7; margin-right: 8px; padding: 0 3px; height: 20px; border-radius: 5px; } .z2u.en #dengdai_pay .sellmain .paydan .report_list .rightbox .span { padding: 0 3px; height: 20px; } .z2u.en #dengdai_pay .sellmain .paydan .report_list .rightbox .span span{ top: -7px; font-size: 12px; margin: 0; } #dengdai_pay .sellmain .paydan .report_list .rightbox .span.deail { padding: 0; background: #fff; } #dengdai_pay .sellmain .paydan .report_list .rightbox .span.deail span { color: #ababb7; font-size: 16px; margin: 0; top: -7px; } #dengdai_pay .sellmain .paydan .report_list .rightbox .span span { color: #fff; font-size: 12px; margin: 0; top: -7px; } #dengdai_pay .sellmain .paydan .button_submit_box { justify-content: center; display: flex; } #dengdai_pay .sellmain .paydan .button_submit_box.confirm_change { justify-content: flex-start; } #dengdai_pay .sellmain .paydan .button_submit_box.confirm_change .count_change { min-width: 194px; border-radius: 3px; border: 1px solid #ddd; width: 50%; margin-right: 15px; } #dengdai_pay .sellmain .paydan .button_submit_box button { border-radius: 20px; padding: 8px 20px; background: #00C085; opacity: 0.8; color: #fff; font-weight: bold; } #dengdai_pay .sellmain .paydan .button_submit_box button:hover { opacity: 1; } #dengdai_pay .sellmain .paydan .buttonbox { display: flex; justify-content: flex-end; } #dengdai_pay .sellmain .paydan .buttonbox button { border: 1px solid #c8c8d0; color: #9292a2; background: #fff; padding: 13px 28px; border-radius: 30px; transition: all 0.3s ease-in-out; font-weight: 700; font-size: 18px; font-family: "bebas_neue"; } #dengdai_pay .sellmain .paydan .buttonbox button:hover { border-color: #adadb9; background: #ececec; } /**********************************等待付款点单页 #dengdai_pay end************************************/ /****************************************历史记录 #historical start******************************************/ #historical .th_time { width: 176px; } #historical .th_type { width: 101px; } #historical .th_status { width: 126px; } #historical .th_price { width: 133px; } #historical .complete_info { padding: 30px 0 25px; background: #474752 url("../images/my-page-top-bg.jpg") center no-repeat; background-size: 100% 100%; } #historical .complete_info .person_box { padding: 36px 30px 35px; height: auto; border-radius: 6px; align-items: flex-start; flex-wrap: wrap; } #historical .complete_info .person_box .left { display: flex; margin-bottom: 10px; } #historical .complete_info .person_box .left .imgfilebox { width: 110px; height: 110px; border-radius: 50%; max-width: 100%; cursor: pointer; position: relative; background: #eee; } #historical .complete_info .person_box .left .imgfilebox .imgtu { width: 110px; height: 110px; border-radius: 50%; max-width: 100%; } #historical .complete_info .person_box .left .imgfilebox .yuan { position: absolute; bottom: 0; right: 10px; border: 4px solid #fff; border-radius: 50%; width: 23px; height: 23px; background: #16da8e; } #historical .complete_info .person_box .left .wenbenbox { margin-left: 20px; color: #fff; } #historical .complete_info .person_box .left .wenbenbox .wenben { align-items: baseline; } #historical .complete_info .person_box .left .wenbenbox .wenben.account { font-size: 12px; } #historical .complete_info .person_box .left .wenbenbox .wenben.levela .levelimg { margin-right: 20px; } #historical .complete_info .person_box .left .wenbenbox .wenben.levela .levelimg img { max-width: 100%; max-height: 100%; } #historical .complete_info .person_box .left .wenbenbox .wenben.levela .selllevel img { max-width: 100%; max-height: 100%; } #historical .complete_info .person_box .left .wenbenbox .wenben .wenbenname { color: #fff; font-size: 24px; font-weight: bold; } #historical .complete_info .person_box .left .wenbenbox .wenben .wenbenname:hover { color: #f03726; } #historical .complete_info .person_box .left .wenbenbox .wenben .yanzhen { margin-left: 10px; } #historical .complete_info .person_box .left .wenbenbox .wenben .yanzhen .yanzhenbox { background: #16da8e; } #historical .complete_info .person_box .left .wenbenbox .wenben .font_color { color: #0088cc; margin-top: 10px; } #historical .complete_info .person_box .left .wenbenbox .wenben .fensi { color: #9292A2; margin-top: 10px; } #historical .complete_info .person_box .left .wenbenbox .wenben .tu1 { background-position: -10px -224px; margin-top: 10px; } #historical .complete_info .person_box .right .box { border-top-left-radius: 4px; border-bottom-left-radius: 4px; width: 100%; min-width: 235px; text-align: center; border: 1px solid #efeff4; padding: 14px 20px; height: 70px; color: #fff; } #historical .complete_info .person_box .right .box .h3_title { padding: 0 0 3px; font-size: 24px; line-height: 24px; } #historical .complete_info .person_box .right .box .textp { font-size: 13px; line-height: 13px; } #historical .complete_info .person_box .right .box.boxshuang { padding: 0; } #historical .complete_info .person_box .right .box + .sell { border-top: 0; } #historical .complete_info .person_box .right .box .con { width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; } #historical .complete_info .person_box .right .box .leftleft { border-right: 1px solid #ddd; width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; } #historical .complete_info .person_box .right .box .leftleft .zhan { color: #20c082; } #historical .complete_info .person_box .right .box .rightright { width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; } #historical .complete_info .person_box .right .box .rightright .cha { color: #f03726; } #historical .complete_price .libox { background: #fff; border-radius: 4px; box-shadow: 0 5px 5px 0 rgba(85, 85, 85, 0.06); padding: 31px 20px 30px; text-align: center; /* margin-left: 30px; 暂时取消这个左边距，这个左边距可能是将来卡片内容便多用来分割的作用 */ flex-grow: 1; } #historical .complete_price .libox:first-child { margin-left: 0; } #historical .complete_price .libox .price_count { padding: 0 0 4px; font-size: 36px; line-height: 36px; color: #525257; font-family: "bebas_neue"; text-transform: uppercase; } #historical .complete_price .libox .price_count .gold { display: inline-block; width: 27px; height: 27px; background-position: -47px -125px; margin-right: 6px; } #historical .complete_price .libox .price_name { padding: 0 0 30px; font-size: 14px; line-height: 14px; } #historical .complete_price .libox .price_button { text-align: center; vertical-align: top; font-weight: 700; font-family: "bebas_neue"; letter-spacing: 1px; font-size: 18px; line-height: 18px; padding: 13px 28px; text-transform: uppercase; background: #f03726; color: #fff; border: 0; border-radius: 30px; position: relative; transition: all 0.3s ease-in-out; display: inline-block; min-width: 160px; cursor: pointer; } #historical .complete_price .libox .price_button:hover { background: #d22d1e; } #historical .paydan { background: #fff; margin-top: 30px; } #historical .paydan .headerpay { padding: 24px 40px 27px; flex-wrap: wrap; } #historical .paydan .headerpay .headerleft .tuimg { margin-right: 16px; margin-top: 6px; } #historical .paydan .headerpay .headerleft .tuimg img { width: 20px; height: 20px; } #historical .paydan .headerpay .headerleft .wenbenbox h1 { /*font-size: 34px;*/ font-size: 30px; font-weight: normal; margin-bottom: 10px; } #historical .paydan .headerpay .headerright { display: flex; justify-content: center; align-items: center; font-size: 14px; color: #f03726; flex-wrap: wrap; } #historical .paydan table { color: #94929E; font-size: 14px; margin-bottom: 0; } #historical .paydan table thead { background: #FAFAFC; } #historical .paydan table thead th { border: 0; font-weight: normal; padding: 15px 6px; } #historical .paydan table thead th:first-child { text-align: center; } #historical .paydan table thead th:last-child { text-align: center; } #historical .paydan table tbody tr:nth-child(2n+1) { background: #F2F1F7; } #historical .paydan table tbody tr td { padding: 30px 6px; border-color: #F1F0F6; } #historical .paydan table tbody tr td:first-child { text-align: center; } #historical .paydan table tbody tr td:last-child { text-align: center; } #historical .paydan table tbody tr td .imgbox img { width: 36px; height: 36px; } #historical .paydan table tbody tr .wenben1 { color: #346094; margin-bottom: 6px; } #historical .paydan table tbody tr .shenhei button { background: transparent; border: 1px solid #5785A4; color: #5785A4; border-radius: 5px; font-weight: bold; } #historical .paydan table tbody tr .shenhei button[data='3'] { color: #5785A4; border: 1px solid #5785A4; } #historical .paydan table tbody tr .shenhei button[data='4'] { color: #F79258; border: 1px solid #F79258; } #historical .paydan table tbody tr .shenhei button[data='5'] { color: red; border: 1px solid red; } #historical .paydan table tbody tr .shenhei button[data='6'] { color: #ddd; border: 1px solid #ddd; } /****************************************历史记录 #historical end******************************************/ /***********************************转账页面 #pay_transfer start*********************************************************/ #pay_transfer { color: #7a7a7a; } #pay_transfer .motaikuang .motaikuangbody { height: auto; } #pay_transfer .motaikuang .main .wenben { text-align: center; font-size: 15px; } #pay_transfer .motaikuang .main .baocuo { font-size: 12px; text-align: center; } #pay_transfer .motaikuang .main .buttonbox button.quanxuan { color: #999999; background: #fff; border: 1px solid #999; margin-left: 20px; } #pay_transfer .pay_info .pricebox { padding-top: 10px; } #pay_transfer .pay_info .pricebox .pricebox_info { width: 100%; } #pay_transfer .pay_info .pricebox .pricebox_info .pricebox_left { flex-grow: 1; } #pay_transfer .pay_info .pricebox .pricebox_info .pricebox_right { flex-grow: 1; justify-content: flex-start; } #pay_transfer .pay_info .pricebox .pricebox_info .pricebox_right .line { margin-top: 0; margin-right: 10px; width: 50%; } #pay_transfer .pay_info .address_message { color: #1565c0; padding: 15px; background-color: #d9edf7; border-color: #d9edf7; border-radius: 4px; } #pay_transfer .pay_info .address_message .message_left .glyphicon { font-size: 24px; } #pay_transfer .pay_info .address_message .message_right .close_an { margin: 0; font-size: 12px; color: #000; opacity: .2; cursor: pointer; } #pay_transfer .pay_info .address_message .message_right .close_an:hover { opacity: 1; } #pay_transfer .transfer_main { padding-top: 30px; } #pay_transfer .transfer_main .transfer_main_left .title_h3 { margin: 0; padding: 5px 0; } #pay_transfer .transfer_main .transfer_main_left .title_h3.account { margin-top: 10px; } #pay_transfer .transfer_main .transfer_main_left .text_p { margin: 0; padding: 5px 0; } #pay_transfer .transfer_main .transfer_main_left .ulbox { list-style: decimal; padding-left: 20px; } #pay_transfer .transfer_main .transfer_main_left .ulbox li { line-height: 20px; } #pay_transfer .transfer_main .transfer_main_right .updatelabel { width: 100%; height: 268px; border: 2px dashed #c2cdda; border-radius: 3px; text-align: center; padding: 60px 0; cursor: pointer; } #pay_transfer .transfer_main .transfer_main_right .updatelabel .camera { padding: 20px 0; } #pay_transfer .transfer_main .transfer_main_right .updatelabel .camera .glyphicon { font-size: 40px; margin: 0; color: #999; } #pay_transfer .transfer_main .transfer_main_right .updatelabel .text_p { margin: 0; font-size: 14px; line-height: 20px; color: #999; } #pay_transfer .transfer_main .transfer_main_right .fileuploader-items { padding-bottom: 20px; } #pay_transfer .transfer_main .transfer_main_right .fileuploader-items .ulbox .libox { padding: 6px 15px; display: flex; justify-content: space-between; } #pay_transfer .transfer_main .transfer_main_right .fileuploader-items .ulbox .libox .liboxleft { display: flex; flex-grow: 1; } #pay_transfer .transfer_main .transfer_main_right .fileuploader-items .ulbox .libox .liboxleft .imgbox img { width: 36px ; height: 36px; } #pay_transfer .transfer_main .transfer_main_right .fileuploader-items .ulbox .libox .liboxleft .text_imgbox { padding-left: 15px; color: #74809D; } #pay_transfer .transfer_main .transfer_main_right .fileuploader-items .ulbox .libox .liboxleft .text_imgbox .imgname { font-size: 14px; font-weight: bold; } #pay_transfer .transfer_main .transfer_main_right .fileuploader-items .ulbox .libox .liboxright { align-self: center; padding-right: 10px; } #pay_transfer .transfer_main .transfer_main_right .fileuploader-items .ulbox .libox .liboxright .buttonbox_delete .circle { border-radius: 50%; background: #6381E6; color: #fff; width: 18px; height: 18px; text-align: center; line-height: 18px; cursor: pointer; } #pay_transfer .transfer_main .transfer_main_right .fileuploader-items .ulbox .libox .liboxright .buttonbox_delete .circle .glyphicon { font-size: 12px; margin: 0; top: 2px; } #pay_transfer .transfer_main .transfer_main_right .fileuploader-items .ulbox .libox .liboxright .buttonbox_delete .circle.false { background: #ffefef; color: #f59595; display: none; font-weight: bold; } #pay_transfer .transfer_main .transfer_main_right .fileuploader-items .ulbox .libox .liboxright .buttonbox_delete:hover .false { display: block; } #pay_transfer .transfer_main .transfer_main_right .fileuploader-items .ulbox .libox .liboxright .buttonbox_delete:hover .true { display: none; } #pay_transfer .transfer_main .transfer_main_right .title_h3 { margin: 0; padding: 5px 0; } #pay_transfer .transfer_main .transfer_main_right .title_h3.account { margin-top: 10px; } #pay_transfer .transfer_main .transfer_main_right .textbox #offlinepaymentuploadform-remarks { width: 100%; height: 78px; } #pay_transfer .transfer_main .transfer_main_right .buttonbox { padding-top: 20px; display: flex; justify-content: flex-end; } #pay_transfer .transfer_main .transfer_main_right .buttonbox button { border-radius: 3px; padding: 8px 30px; text-transform: uppercase; cursor: pointer; margin-right: 10px; background-color: #631878; border: 1px solid #50226a; color: #fff; } #pay_transfer .transfer_main .transfer_main_right .buttonbox button.after { background-color: white; border-color: #50226a; color: #50226a; margin-right: 0; } /***********************************转账页面 #pay_transfer end*********************************************************/ /*******news新闻 start*********/ .news_list .news_banner { width: 100%; overflow: hidden; } .news_list .news_banner img { width: 100%; min-width: 1200px; } .news_list .news_listbox { border: 1px solid #ddd; padding: 20px; margin-top: 20px; margin-bottom: 60px; background: #fff; border-radius: 4px; } .news_list .news_listbox .game_news { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 30px; } .news_list .news_listbox .game_news img { height: 19px; width: 19px; } .news_list .news_listbox .game_news span { font-size: 18px; margin-left: 6px; } .news_list .news_listbox .news_box{ overflow: hidden; } .news_list .news_listbox .news_box .news_libox { padding-bottom: 20px; padding-top: 40px; border-bottom: 1px dashed #dddddd; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; width: 33.3333%; float: left; height: 260px; padding-left: 15px; padding-right: 15px; } .news_list .news_listbox .news_box .news_libox .news_img { padding: 10px 20px 0 20px; min-width: 136px; display: none; } .news_list .news_listbox .news_box .news_libox .news_img .imgbox { height: 96px; width: 96px; border-radius: 6px; border: 1px solid #d8282b; position: relative; color: #fff; font-size: 16px; font-weight: bold; display: block; } .news_list .news_listbox .news_box .news_libox .news_img .imgbox .text_box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content: space-around; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .news_list .news_listbox .news_box .news_libox .news_img .imgbox img { width: 100%; height: 100%; } .news_list .news_listbox .news_box .news_libox .new_content { flex-grow: 1; } .news_list .news_listbox .news_box .news_libox .new_content .new_title { word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-weight: bold; font-size: 20px; line-height: 24px; font-family: 'bebas_neue'; height: 50px; overflow: hidden; } .news_list .news_listbox .news_box .news_libox .new_content .new_time { font-size: 14px; margin-bottom: 20px; } .news_list .news_listbox .news_box .news_libox .new_content .content { word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; line-height: 20px; -webkit-line-clamp: 3; height: 60px; overflow: hidden; } .news_list .news_listbox .news_box .news_libox .new_content .new_button { margin-top: 20px; } .news_list .news_listbox .news_box .news_libox .new_content .new_button button { background: #fff; color: #f33f2d; border: 1px solid #f33f2d; border-radius: 2px; padding: 5px 8px 3px 8px; font-size: 11px; float: right; } .news_list .news_listbox .news_box .news_libox .new_content .new_button button:hover{ background: #f33f2d; color: #fff; } .news_list .news_listbox.news_deail { padding: 30px; } .news_list .news_listbox.news_deail .new_title { font-weight: bold; font-size: 16px; line-height: 24px; text-align: center; } .news_list .news_listbox.news_deail .new_time { font-size: 14px; margin-bottom: 20px; text-align: center; } .news_list .news_listbox.news_deail .new_border { margin: 15px 0; border-bottom: 1px dashed #ddd; } .news_list .news_listbox.news_deail .font_color_red { color: #da3331; font-weight: bold; font-size: 16px; } .news_list .news_listbox.news_deail .new_textbox { line-height: 24px; margin-bottom: 26px; } .news_list .news_listbox.news_deail .new_video { padding-bottom: 20px; } .news_list .news_listbox.news_deail .new_video #new_deail_video { width: 80%; } .news_list .news_listbox.news_deail .img_content { padding-bottom: 30px; } .news_list .news_listbox.news_deail .img_content img { max-width: 100%; } .news_list .news_listbox.news_deail .page_paging { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .news_list .news_listbox.news_deail .page_paging a { color: #da3331; font-weight: bold; } .news_list .news_listbox.news_deail .page_paging a:first-child { margin-right: 20px; } .news_list .news_listbox.news_deail .new_tags .tags_title { font-weight: bold; font-size: 16px; line-height: 40px; text-transform: capitalize; } .news_list .news_listbox.news_deail .new_tags .tags_button a { padding: 3px; padding-left: 5px; background: #25a2b7; color: #fff; border-radius: 4px; } .news_list .news_listbox.news_deail .new_tags .tags_button a:nth-child(2) { color: #000; background: #fec02f; } .news_list .news_listbox.news_deail .new_tags .tags_button a:nth-child(3) { background: #da3749; } .news_list .news_listbox.news_deail .new_related { border: 1px solid #ddd; border-radius: 5px; margin-top: 30px; padding-bottom: 16px; } .news_list .news_listbox.news_deail .new_related .related_title { background: #f7f7f7; height: 46px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 5px 5px 0 0; padding-left: 20px; font-size: 15px; font-weight: bold; border-bottom: 1px solid #ddd; } .news_list .news_listbox.news_deail .new_related .related_content { padding: 10px; } .news_list .news_listbox.news_deail .new_related .related_content .related_libox { min-height: 46px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; border-bottom: 1px dashed #ddd; padding: 0 10px; } .news_list .news_listbox.news_deail .new_related .related_content .related_libox .text_new { font-weight: bold; flex-grow: 1; padding-right: 20px; line-height: 24px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .news_list .news_listbox.news_deail .new_related .related_content .related_libox .related_date { line-height: 24px; } /*******news新闻 end*********/ /****************problem 问题 start *****/ .problem_header{ background: #F5F5F5; padding: 20px 0; } .problem_header .h3_title{ color: #000; font-weight: normal; } .problem_header .problem_inputbox{ text-align: center; padding: 20px 0 10px; position: relative; } .problem_header .problem_inputbox .problem_input{ width: 100%; max-width: 800px; height: 46px; font-size: 14px; } .problem_header .problem_inputbox .input_content{ width: 100%; max-width: 800px; height: auto; background: #fff; font-size: 14px; margin: 0 auto; border: 1px solid #ddd; position: absolute; border-radius: 3px; top: 70px; left: calc(50% - 400px); display: none; z-index:1000; } .problem_header .problem_inputbox .input_content .search_li a{ color: #444444; display: block; text-align: left; font-size: 16px; height: 40px; line-height: 40px; padding: 0 10px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 1; } .problem_header .problem_inputbox .input_content .search_li a:hover{ color: #fff; background: #DE2826; } .problem_main{ max-width: 870px; margin: 0 auto; padding: 40px 0 50px; display: flex; justify-content: space-between; flex-wrap: wrap; } .problem_main .problem_main_left{ height: auto; min-width: 200px; border-top: 1px solid #ddd; } .problem_nav .problem_nav_li{ display: block; width: 100%; height: 50px; line-height: 50px; padding-left: 20px; color: #000; font-weight: bold; position: relative; border: 1px solid #ddd; border-top: 0; } .problem_nav .problem_nav_li .line_b{ position: absolute; left: 0; top: 0; height: 50px; width: 4px; background: transparent; } .problem_nav .problem_nav_li.active{ color: #E13732; } .problem_nav .problem_nav_li:hover{ color: #E13732; } .problem_nav .problem_nav_li.active .line_b{ background: #E13732; } .problem_main .problem_main_right .problem_box{ width: 630px; max-width: 630px; border: 1px solid #ddd; height: auto; } .problem_main .problem_main_right .account_box{ width: 630px; max-width: 630px; height: auto; } .problem_main .problem_main_right .account_box .account_title{ height: 40px; padding-left: 10px; line-height: 40px; } .problem_main .problem_main_right .account_box .account_title .font_color_red{ color: #E13732; font-size: 13px; } .problem_main .problem_main_right .account_box .content_title{ line-height: 32px; font-size: 24px; font-weight: normal; margin: 10px 0; } .problem_main .text_p{ font-size: 14px; color: #6b6262; line-height: 22px; } .problem_main .text_mothed{ text-indent: 14px; } .problem_main .text_mothed a{ font-weight: bold; } .problem_main .text_mothed .font_color_red{ color: #E24C4A; } .problem_main .text_mothed .font_color_grey{ color: #000; } .problem_main .text_choosebox{ border-top: 1px solid #dddddd; padding-top: 10px; } .problem_main .text_choosebox button{ color: #fff; border-radius: 6px; padding: 3px 6px; margin-right: 6px; } .problem_main .problem_main_right .problem_box .main_title{ height: 40px; padding-left: 10px; background: -webkit-linear-gradient(#F6F6F6,#E5E5E5); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(#F6F6F6,#E5E5E5); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(#F6F6F6,#E5E5E5); /* Firefox 3.6 - 15 */ background: linear-gradient(#F6F6F6,#E5E5E5); /* 标准的语法 */ font-weight: bold; font-size: 18px; line-height: 40px; } .problem_main .problem_content .content_li{ display: block; width: 100%; padding: 10px 15px; font-size: 14px; } .problem_main .problem_content .content_li:hover{ color: #E13732; } .problem_main .page_nav{ text-align: right; padding-right: 20px; } .problem_main .page_nav .nav_li{ float: left; } .problem_main .page_nav .nav_li a{ color: #989898; } .problem_main .page_nav .nav_li.button_click a{ padding: 11px 9px 10px; } .problem_main .page_nav .nav_li.active a{ color: #fff; background-color: #989898; } .problem_footer{ background: #000; color: #fff; } .problem_footer .language-and-currency-wrap .dropdown-menu{ /*right: auto;*/ left: auto; right: 0; } .problem_footer .footer_nav{ padding: 20px 0; border-bottom: 1px solid #363636; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; } .problem_footer .footer_nav .logo_img{ max-width: 100px; width: 100px; max-height: 50px; } .problem_footer .footer_nav .navbox .nav_li{ padding-right: 20px; } .problem_footer .footer_nav .navbox .nav_li:hover{ color: #E13732; } .problem_footer .footer_nav .navbox .nav_li.active{ color: #E13732; } .problem_footer .footer_nav .navbox .nav_li:last-child{ padding-right: 0; } .problem_footer .footer_record{ padding: 20px 0; } /****************problem 问题 end *****/ /*聊天记录 start*/ .chat_record{ display: flex; height: 100vh; /*flex-wrap: wrap;*/ } .chat_record .chat_left{ width: 320px; height: 100vh; background: #2C2B36; /*display: none;*/ } .chat_record .chat_right{ width:calc( 100vw - 320px); /*width: 100%;*/ height: 100vh; } .chat_index .chat_record .chat_right{ width: 70%; position: relative; } .chat_record .chat_header{ height: 70px; } .chat_record .chat_left_header{ padding: 10px; height: 100%; display: flex; justify-content: space-between; align-items: center; } .chat_record .chat_left .gly_img{ color: #e53b30; font-size: 18px; padding: 0 6px; } .chat_record .chat_left .imgbox{ min-width: 50px; width: 50px; height: 50px; position: relative; overflow: hidden; } .chat_record .img_offline{ position: absolute; right: 2px; bottom: 2px; width: 10px; height: 10px; background: #ddd; border-radius: 50%; } .chat_record .img_online{ position: absolute; right: 2px; bottom: 2px; width: 10px; height: 10px; background: #55f841; border-radius: 50%; } .chat_record .chat_left .imgbox img{ width: 50px; height: 50px; border-radius: 50%; } .chat_record .img_name{ display: flex; align-items: center; } .chat_record .chat_left .text_name{ color: #fff; font-weight: bold; font-size: 15px; padding-left: 20px; flex-grow: 1; word-break: break-all; position: relative; } /* 添加备注 2020-12-2 */ .chat_record .chat_left .text_name .remarks-wrap{ position: absolute; width: 200px; height: 24px; left: 10px; top: -5px; box-shadow: 0 0 5px #222; z-index: 9999; } .chat_record .chat_left .text_name .remarks-wrap .srk-box{ width: 75%; float: left; } .chat_record .chat_left .text_name .remarks-wrap .srk-box input{ height: 24px!important; line-height: 22px!important; font-size: 12px; } .chat_record .chat_left .text_name .remarks-wrap .btn-box{ width: 25%; float: left; } .chat_record .chat_left .text_name .remarks-wrap .btn-box .btn-sm{ height: 24px; font-size: 12px; padding: 2px 10px; } .chat_record .chat_left .text_name .close-remark-btn{ position: absolute; padding: 3px; border-radius: 50px; background: #ec3a2f; color: #fff; left: -8px; top: -6px; z-index: 10000; display: block; font-size: 9px; } .chat_record .chat_left .text_name .chat_end_message{ display: flex; justify-content: space-between; font-weight: normal; font-size: 12px; color: #8492af; } .chat_record .chat_left .menu{ position: relative; } .chat_record .chat_left .menubox{ position: absolute; background: #fff; border-radius: 3px; right: 10px; min-width: 100px; z-index: 100; top: 30px; } .chat_record .chat_left .menuli{ padding: 7px; display: block; border-radius: 3px; } .chat_record .chat_left .menuli:hover{ background: #F7F7FA; } .chat_record .chat_left_search,.chat_record .pd10{ padding: 10px; } .chat_record .chat_left_search .searchbox{ height: 33px; width: 100%; padding: 0 16px ; border-radius: 15px; background: #404a53; display: flex; align-items: center; border: 1px solid transparent; } .chat_record .gly_search{ color: #fff; margin-right: 9px; } .chat_record .search_chat_input{ border: 0; width: calc(100% - 30px); background: transparent; font-size: 14px; color: #9ba3b9; } .chat_record .search_chat_input:active,.chat_record .search_chat_input:focus{ outline: 0; } .chat_record .chat_select{ height: 26px; color: #8492af; background: transparent; border: 0; outline: 0; } .chat_record .not_find{ font-size: 13px; color: #8492af; padding: 10px; } .chat_record .contact_people{ height: calc( 100vh - 170px); overflow-y: auto; } .chat_record .contact_people::-webkit-scrollbar { /*滚动条整体样式*/ width: 6px; /*高宽分别对应横竖滚动条的尺寸*/ height: 6px; } .chat_record .contact_people::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #636C7A; border-radius: 10px; } .chat_record .contact_people::-webkit-scrollbar-track { /*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 0; background: rgba(0, 0, 0, 0.1); } .chat_record .contact_peopleli{ cursor: pointer; width: 100%; display: flex; justify-content: space-between; position: relative; } .chat_record .contact_peopleli .circle_box{ background: #F74C31; border-radius: 50%; padding: 0 6px; color: #fff; height: 18px; display: flex; align-self: flex-end; justify-content: center; align-items: center; position: absolute; right: 16px; bottom: 8px; } .chat_record .contact_peopleli.active,.chat_record .contact_peopleli:hover{ background-color: #404a53; } .chat_record .contact_peopleli.active{ border-left: 3px solid #e53b30; } .chat_record .chat_selectbox { padding-top: 0; } .chat_record .chat_right .img_name{ padding-left: 20px; justify-content: space-between; padding-right: 30px; height: 100%; position: relative; } .chat_record .chat_right .customer_box{ display: flex; flex-wrap: wrap; padding: 15px 20px; align-items: center; border-top: 1px solid #ddd; box-shadow: 0 0 8px 0 #ddd; } .chat_record .chat_right .customer_box .customer_list{ padding-left: 40px; display: flex; align-items: center; } .chat_record .chat_right .customer_box .customer_list .list_img{ position: relative; border-radius: 50%; min-width: 33px; height: 33px; width: 33px; } .chat_record .chat_right .customer_box .customer_list .img_offline,.chat_record .chat_right .customer_box .customer_list .img_online{ bottom: 0; right:0; } .customer_box .list_name{ color: #086EB8; font-size: 15px; font-weight: bold; border: 1px solid #ddd; padding: 1px 18px; border-radius: 6px; margin-left: 14px; background: #F5F5F5; position: relative; } .customer_box .hook{ position: absolute; right: 0; top: 0; width: 14px; } .customer_box .frame_box{ position: absolute; top: -1px; left: -6px; height: 23px; overflow: hidden; width: 16px; } .customer_box .frame_box .frame{ max-width: unset; } .chat_record .chat_right .img_name .name_left{ display: flex; align-items: center; } .chat_record .show_record{ font-size: 14px; font-weight: bold; color: #8492af; cursor: pointer; } .chat_record .show_record_pop_up{ position: absolute; top: 80px; right: 25%; padding: 10px 0; z-index: 500; background: #FFEFF2; width: 50%; border: 2px dashed #E6AEC1; display: none; border-radius: 30px; } .chat_record .show_record_pop_up .close_x{ position: absolute; right: 5px; top: 6px; color: #5d5959; font-size: 20px; border: 1px solid #8a8484; border-radius: 50%; width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; cursor: pointer; } .chat_record .show_record_pop_up .title_h3{ font-size: 15px; font-weight: bold; padding: 10px 20px; border-bottom: 1px solid #ddd; color: #8492af; } .chat_record .show_record_pop_up .title_h3 input{ border: 1px solid #ddd; border-radius: 5px; height: 34px; font-weight: normal; font-size: 12px; margin-left: 2px; margin-bottom: 10px; } .chat_record .show_record_pop_up .title_h3 .inline-block{ display: inline-block; } .chat_record .show_record_pop_up .title_h3 .btn{ padding: 6px 20px; border-radius: 5px; margin-left: 2px; background: #5979b9; border-color: #5979b9; } .chat_record .show_record_pop_up .title_h3 input::-webkit-input-placeholder{ color: #8492af; } .chat_record .show_record_pop_up .pop_content{ height: 400px; width: 100%; overflow-y:auto; padding: 10px 15px; max-height: calc( 100vh - 140px); } .chat_record .show_record_pop_up .pop_li{ padding: 6px 0; } .chat_record .show_record_pop_up .pop_li .mine{ color: #42B475; } .chat_record .show_record_pop_up .pop_li .other{ color: #1989FA; } .chat_record .show_record_pop_up .pop_page{ border-top: 1px solid #ddd; padding: 6px 0; } .chat_record .show_record_pop_up .pop_page a{ padding: 6px; } .chat_record .show_record_pop_up .pop_page a.active{ color: red; } .chat_record .show_record_pop_up .pop_content::-webkit-scrollbar { /*滚动条整体样式*/ width: 6px; /*高宽分别对应横竖滚动条的尺寸*/ height: 6px; } .chat_record .show_record_pop_up .pop_content::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #636C7A; border-radius: 10px; } .chat_record .show_record_pop_up .pop_content::-webkit-scrollbar-track { /*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 0; background: rgba(0, 0, 0, 0.1); } .chat_record .chat_right .img_name .imgbox img{ width: 50px; height: 50px; border-radius: 50%; min-width: 50px; } .chat_record .img_name_arrow{ display: none; position: absolute; top: 26px; left: 14px; color: #E53B30; cursor: pointer; font-size: 20px; } .chat_record .chat_right .img_name .margin_right10{ margin-right: 30px; display: none; } .chat_record .chat_right .namebox{ padding-left: 10px; font-size: 14px; } .chat_record .chat_right .text_name{ font-weight: bold; word-break: break-all; } .chat_record .chat_message_box{ background: #CAD1DF; height: calc( 100vh - 140px); overflow-y: auto; padding-bottom: 20px; } .chat_record .chat_service_message_box{ background: #CAD1DF; height: calc( 100vh - 204px); overflow-y: auto; padding-bottom: 20px; } .chat_record .message_date{ padding: 13px 27px; text-align: center; } .chat_record .dateday{ display: inline-block; font-size: 14px; color: #fff; border-radius: 15px; line-height: 1.4; background: #8492af; padding: 5px 10px; max-width: 100%; font-weight: bold; } .chat_record .chat_message_li{ padding: 10px 40px; display: flex; } .chat_record .text_date{ position: absolute; right: 6px; bottom: -2px; color: yellowgreen; } .chat_record .chat_message_li .message_content_li{ border-radius: 6px 6px 6px 0; padding: 8px 10px 14px; background: #fff; min-width: 215px; position: relative; box-shadow: 0 2px 2px 0 rgba(71,91,134,.3); } .chat_record .chat_message_li .message_content_li .textbox{ color: #8492af; font-size: 14px; line-height: 20px; word-wrap:break-word; } .chat_record .chat_message_li .message_content_li .border2{ position: absolute; bottom: -3px; right: -12px; } .chat_record .chat_message_li .message_content_li .border1{ position: absolute; bottom: -8px; left: -12px; } .chat_record .chat_message_li.message_right{ justify-content: flex-end; padding-right: 40px; } .chat_record .chat_message_li.message_right .message_content_li{ background: #DCF8C6; border-radius: 6px 6px 0 6px; } .chat_record .chat_footer{ background: #F4F7F9; color: #8492af; } .chat_record .chat_footer .expression_package{ line-height: 6px; } .chat_record .chat_footer .expression_package .package{ font-size: 28px; cursor: pointer; } .chat_record .chat_footer .img_name{ justify-content: space-between; padding-right: 10px; height: 100%; } .chat_record .glyupload{ font-size: 20px; cursor: pointer; } .chat_record .glyconfirm{ font-size: 30px; cursor: pointer; } .chat_record .chat_input_output{ width: calc( 100% - 100px); height: 62px; border: 0; outline: 0; background: transparent; font-size: 14px; padding-top: 20px; } .chat_record .head_portrait{ min-width: 64px; height: auto; position: relative; } .head_portrait img{ width: 40px; position: absolute; bottom: -15px; border-radius: 50%; max-height: 40px; } .chat_record .chat_message_li.message_right .head_portrait img{ right: 0; } /****************聊天记录 end *****/ /*************优惠卷 start******************/ #coupons{ position: relative; } #coupons .paydan{ border: 1px solid #ddd; } #coupons .headerpay{ flex-wrap: wrap; padding: 20px ; background: #fff; border-bottom: 1px solid #ddd; } #coupons .headerpay .h1_title{ font-size: 20px; font-weight: bold; } #coupons .headerpay .tuimg img{ width: 24px; margin-right: 6px; } #coupons .headerpay .add_list{ background: #D4211F; border-radius: 15px; text-align: center; min-width: 100px; padding: 6px 10px; border: 0; } #coupons .coupons_table th,#coupons .coupons_table td{ font-size: 14px; width: 14.28%; text-align: center; border: 0; } #coupons .coupons_table th{ background: #FAFAFC; } #coupons .coupons_table td{ height: 100px; } #coupons .coupons_table tbody tr{ background: #F2F1F7; } #coupons .coupons_table tbody tr:nth-child(2n){ background: #fff; } #coupons .motaikuang{ width: 100%; position: absolute; height: 100%; } #coupons .motaikuangbody{ width: 900px; height: auto; position: relative; border-radius: 0; border: 2px solid #ddd; margin-top: 20px; } #coupons .motaikuangbody .selectall .wenben{ text-align: left; } #coupons .motaikuangbody .main .buttonbox{ text-align: center; } #coupons .motaikuangbody .main .buttonbox input{ } #coupons .motaikuangbody .header{ color: #000; background: #fff; width: 600px; margin: auto; font-weight: bold; padding: 50px 0 30px; font-size: 24px; position: static; } #coupons .motaikuangbody .main{ width: 600px; margin: 0 auto; padding: 0; } #coupons .motaikuangbody .main .form-group{ width: 285px; } #coupons .motaikuangbody .main .form-group.form-group_game{ width: 100%; } #coupons .motaikuangbody .main .form-group label{ color: #000; } /*************优惠卷 end******************/ /***********************游戏列表 start**********/ #game_list .banner{ position:relative; margin-bottom: 20px; overflow: hidden; min-height: 320px; background: url('../images/bg_1.jpg') no-repeat center center; } #game_list .banner_img{ min-height: 320px; max-width: unset; } #game_list .game_title{ font-weight: bold; padding-bottom: 10px; } #game_list .text_content{ margin:30px 0; } #game_list .banner .button_box .btn{ background: #D4221E; border: 0; border-radius: 6px; padding: 8px 24px; } #game_list .banner_message_box{ position: absolute; top:60px; text-align: center; width: 100%; color: #fff; font-size: 14px; } #game_list .game_choose .title_head{ min-height: 50px; } #game_list .game_choose .title{ padding: 10px; background: #E9E9E9; background-image: linear-gradient(#F5F5F5, #E6E6E6); border-radius: 5px; margin-bottom: 10px; display: flex; flex-wrap: wrap; align-items: center; } #game_list .game_choose .title.fixed{ top: 10px; width: 1140px; z-index: 100; } #game_list .game_choose .search_button{ font-size: 14px; padding: 5px 10px; border-radius: 3px; cursor: pointer; } #game_list .game_choose .search_button.active,#game_list .game_choose .search_button:hover{ background: red; color: #fff; } #game_list .popular_box{ display: flex; padding-bottom: 20px; } #game_list .popular_left{ width: 14%; padding-left: 10px; font-size: 16px; color: red; font-weight: bold; } #game_list .popular_right{ width: 86%; display: flex; flex-wrap: wrap; } #game_list .popular_li{ width: 25%; cursor: pointer; height:30px; display: flex; align-items: center; } #game_list .popular_li:hover,#game_list .popular_li.active{ color: red; } /* Time info */ .time-text-shift{margin-right: 0px; font-size: 12px; font-family: Sans-Serif;} /***********************游戏列表 end**********/ /****************英文版 start ************/ .z2u.en #product_list .game_info .products__content .game-description .game-description__left .game-info .game-info__list .game-info__list-item .game-info__title { min-width: 110px; } .z2u.en #product_list .game_info .products__content .game-description .game-description__left .game-info .game-info__list .game-info__list-item .game-info__info { max-width: 240px; } /****************英文版 end ************/ @media only screen and (min-width: 1200px){ #product_list .content__inner .container_box .products__content .liebiao{ justify-content:flex-start; } #product_list .content__inner .container_box .products__content .liebiao>.libox:not(:nth-child(3n+3)){ margin-right: 24px; } #footer .footer_box .footer_nav .navcon:first-child{ width: 32%; padding-right: 80px; } #footer .footer_box .footer_nav .navcon:nth-child(2),#footer .footer_box .footer_nav .navcon:nth-child(3),#footer .footer_box .footer_nav .navcon:nth-child(4){ width: 16%; } } @media only screen and (max-width: 1199px) { #footer .foot_disclaimer{ display: block; line-height: 22px; } #game_list .game_choose .title.fixed{ width: 970px; } #footer .footer_nav_t{ justify-content:flex-start; margin-top: 15px; padding: 10px 0; } #coupons .motaikuangbody{ width: calc( 100vw - 50px ); margin-top: 20px; } #coupons .motaikuangbody .header{ width: 90%; padding: 26px 0 20px; font-size: 20px; } #coupons .motaikuangbody .main{ width: 90%; } #coupons .motaikuangbody .main .flex_between{ flex-wrap: wrap; } #coupons .motaikuangbody .main .form-group{ width: 100%; } #pay_ment .fukuanfangshi .fukuanleft { width: 100%; margin-bottom: 20px; } #pay_ment .fukuanfangshi .fukuanright{ width: 100%; } #pay_ment .table-responsive{ border: 0; } #product_list .game_info .products__content .game-description .game-description__left,#product_list .game_info .products__content .game-description .game-description__right{ width: 100%; } #product_list .content__inner .container_box .products__content .liebiao{ max-width: 970px; margin: 0 auto; padding: 0 96px; } #product_deail .product_deailbox .deailleft { width: 100%; } #product_deail .product_deailbox .deailright{ width: 100%; margin-top: 30px; } #product_deail .product_deailbox .deailright .rightdeailheader{ width: 100%; padding-left: 15px; padding-right: 15px; } .home_header .live_concact .libox img { margin-right: 3px; max-height: 16px; } .home_header .language_currency { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 40px; } .home_header .language_currency .select_con { border: 0; background: transparent; } .home_header .language_currency .select_con:focus { border: 0; outline: 0; } .home_header .language_currency .libox { cursor: pointer; margin-left: 0px; } .home_header .language_currency .libox img { margin-right: 3px; max-height: 16px; } .home_header .language_currency .libox img.margin0 { margin: 0; } .home_header .language_currency .libox:not(:last-child) { /*margin-right: 20px;*/ margin-right: 30px; } .home_header_bottom .logo_search { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 0; height: 106px; } .home_header_bottom .logo_search .logobox img { height: 56px; } .home_header_bottom .logo_search .searchbox { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .home_header_bottom .logo_search .searchbox .searchimg { position: absolute; top: 5px; left: 0; width: 40px; height: 30px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-right: 1px solid #ddd; } .home_header_bottom .logo_search .searchbox .searchimg img { width: 13px; height: 13px; } .home_header_bottom .logo_search .searchbox .search_input { width: 340px; height: 40px; border: 1px solid #de2826; padding-left: 43px; padding-right: 6px; } .home_header_bottom .logo_search .searchbox .search_button { width: 90px; height: 40px; border-radius: 0; background: #de2826; } .home_header_bottom .logo_search .border { height: 56px; width: 0; border-right: 1px solid #ddd; } .home_header_bottom .buy_sell .libox img { margin-right: 3px; width: 22px; max-height: 22px; } .home_header_bottom .buy_sell .sellbox .imgbox { max-height: 30px; } .home_header_bottom .buy_sell .sellbox .imgbox img { height: 100%; } .home_header_bottom .buy_sell .sellbox .textbox { margin-top: 6px; font-size: 18px; } .home_nav .navbox .navleft .navulbox .subset { width: 940px; } .home_nav .navbox .navleft .navulbox .subset .subli { margin-right: 10px; } .home_nav .navbox .navleft .home_page.active { background: #d82523; } .home_nav .navbox .navleft .navulbox { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .home_nav .navbox .navleft .navulbox .navli .text { margin-right: 6px; } #banner .carousel-indicators li { border: 0; background: #cad5d9; } #banner .carousel-indicators li:not(:last-child) { margin-right: 6px; } #banner .carousel-indicators li.active { background: #b6293c; } .main .popular_game .small_title { color: #7d7878; font-size: 14px; } .main .popular_game .borderbox { width: 140px; height: 1px; margin: 0 auto; margin-top: 18px; background: #e0e0e0; position: relative; } .main .popular_game .borderbox .border { position: absolute; background: #e30b20; width: 50px; left: 45px; top: -1px; height: 2px; } .main .popular_game .gamebox { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; } .main .popular_game .gamebox .libox { width: 450px; margin-bottom: 20px; } .main .popular_game .look_at_all { margin: 40px 0 60px 0; } .main .popular_game .look_at_all button { border-radius: 20px; background: #e30b20; padding: 6px 30px; font-size: 18px; } .main .recommendation .recommendationbox .recommendli { width: 100%; } .main .recommendation .recommendationbox .recommendli .recom_textbox { flex-grow: 1; } #footer .footer_box .pay_method_box a { margin-bottom: 10px; } /*#footer .footer_box .pay_method_box a:not(:last-child) {*/ /*margin-right: 60px;*/ /*}*/ #footer .footer_box .pay_method_box a img { max-height: 30px; } #footer .footer_box .footer_nav .navcon { width: 70%; flex-grow: 1; margin-bottom: 20px; } #footer .footer_box .footer_nav .navcon:nth-child(2n) { width: 30%; } #pay_diandan .th_time, #pay_diandan .th_type, #pay_diandan .th_status, #pay_diandan .th_price { width: auto; } #historical .th_time, #historical .th_type, #historical .th_status, #historical .th_price { width: auto; } .product_search .product_search_xuanxiang .container_box{ height: 92px; overflow: hidden; position: relative; } .product_search .product_search_xuanxiang .container_box .ulbox{ flex-wrap: nowrap; position: absolute; left: 0; top: 0; transition: all 1s; } } @media only screen and (max-width: 1100px) { #product_list #equipment .equipment_box .anniua { display: none; } #jianchan { width: 100%; } #jianchan .remen_ul { justify-content: center; } #jianchan #jc_indexheadersearch { background: #F7F7FA; } #jianchan #jc_indexheadersearch .header_bottom .classification .menu { position: absolute; top: 50px; left: 0; width: auto; background: #fff; height: auto; z-index: 200; border-radius: 5px; } #jianchan #jc_indexheadersearch .header_bottom .classification .menu .menu1, #jianchan #jc_indexheadersearch .header_bottom .classification .menu .menu2 { padding: 10px 0; width: 200px; height: auto; } #jianchan #jc_indexheadersearch .header_bottom .classification .menu .menu1 .libox, #jianchan #jc_indexheadersearch .header_bottom .classification .menu .menu2 .libox { padding-left: 20px; height: 46px; cursor: pointer; } #jianchan #jc_indexheadersearch .header_bottom .classification .menu .menu1 .libox .wenben, #jianchan #jc_indexheadersearch .header_bottom .classification .menu .menu2 .libox .wenben { font-size: 14px; flex-grow: 1; } #jianchan #jc_indexheadersearch .header_bottom .classification .menu .menu1 .libox .glyphicon, #jianchan #jc_indexheadersearch .header_bottom .classification .menu .menu2 .libox .glyphicon { font-size: 12px; } #jianchan #jc_indexheadersearch .header_bottom .classification .menu .menu1 .libox:hover, #jianchan #jc_indexheadersearch .header_bottom .classification .menu .menu2 .libox:hover { background: #F7F7FA; } #jianchan #jc_indexheadersearch .header_bottom .classification .menu .menu1 .cha, #jianchan #jc_indexheadersearch .header_bottom .classification .menu .menu2 .cha { padding-left: 20px; height: 46px; } #jianchan #jc_indexheadersearch .header_bottom .classification .menu .menu1 .cha .wenben, #jianchan #jc_indexheadersearch .header_bottom .classification .menu .menu2 .cha .wenben { font-size: 14px; flex-grow: 1; } #jianchan #jc_indexheadersearch .header_bottom .classification .menu .menu2 { border-left: 1px solid #ECECF0; } #jianchan #jc_indexheadersearch .header_bottom .classification .am-dropdown-content.am2 { left: 100%; } #jianchan #jc_indexheadersearch .header_bottom .search { max-width: 400px; margin: 0 10px; } #jianchan #jc_indexheadersearch .header_bottom .search .inputbox { position: relative; height: 100%; width: 100%; } #jianchan #jc_indexheadersearch .header_bottom .search .inputbox input { width: 100%; height: 100%; border-radius: 6px; border: 1px solid #B2B2B8; transition: all 1s linear; } #jianchan #jc_indexheadersearch .header_bottom .search .inputbox input::-webkit-input-placeholder { /* placeholder颜色 */ color: #BEBECC; font-size: 13px; } #jianchan #jc_indexheadersearch .header_bottom .search .inputbox input:focus { outline: 0; box-shadow: 0 0; } #jianchan #jc_indexheadersearch .header_bottom .search .inputbox .sousuo { position: absolute; right: 0; color: #B2B2B8; top: 0; height: 40px; width: 40px; text-align: center; } #jianchan #jc_indexheadersearch .header_bottom .buttonbox { margin-right: 0; } #jianchan #jc_indexheadersearch .header_bottom .buttonbox .btn { text-align: center; font-weight: 700; font-size: 18px; line-height: 18px; padding: 13px 28px; background: #f03726; color: #fff; border: 0; border-radius: 30px; position: relative; transition: all 0.3s ease-in-out; display: inline-block; } #jianchan #jc_indexmain .index_main .remen_grame .remen_ul { justify-content: center; } #jianchan #jc_indexfooterbox .logos__list { max-width: 1170px; margin: 0 auto; display: flex; justify-content: center; list-style: none; padding: 30px 0 20px 0; flex-wrap: wrap; } #jianchan #jc_indexfooterbox .see-all { text-align: center; display: block; padding: 0 0 30px 0; } #jianchan #jc_indexfooterbox .see-all > a { border: 1px solid #c8c8d0; color: #9292a2 !important; background: #fff; padding: 12px 40px; text-align: center; vertical-align: top; font-weight: 700; letter-spacing: 1px; font-size: 18px; line-height: 18px; text-transform: uppercase; border-radius: 30px; position: relative; transition: all 0.3s ease-in-out; display: inline-block; } #jianchan #jc_indexfooterbox .footerbottom { background-color: #2B2B36; padding: 30px 0; } #jianchan #jc_indexfooterbox .footerbottom ul { list-style: none; padding: 0; margin: 0; flex-wrap: wrap; justify-content: center; } #jianchan #jc_indexfooterbox .footerbottom .navbox { padding: 0 15px; max-width: 1170px; margin: 0 auto; } #jianchan #jc_indexfooterbox .footerbottom .navbox .footer__list .footer__list-item { padding-left: 28px; } #jianchan #jc_indexfooterbox .footerbottom .navbox .footer__list .footer__list-item:first-child { padding-left: 0; } #jianchan #jc_indexfooterbox .footerbottom .navbox .footer__list .footer__list-item .footer__link { font-size: 14px; line-height: 14px; font-weight: 500; color: #8e8f9b; text-transform: uppercase; } #jianchan #jc_indexfooterbox .footerbottom .navbox .footer__list .footer__list-item .footer__link:hover { color: #fff; text-decoration: none; } #jianchan #jc_indexfooterbox .footerbottom .navbox .lianxitu .lianxitubox { display: inline-block; vertical-align: top; padding: 5px; } #jianchan #jc_indexfooterbox .footerbottom .navbox .lianxitu .lianxitubox a { width: 40px; height: 40px; padding: 0 2px; text-align: center; background: #32333f; border-radius: 10px; } #jianchan #jc_indexfooterbox .footerbottom .navbox .lianxitu .lianxitubox a:hover { background: #3f404f; } #jianchan #jc_indexfooterbox .footerbottom .navbox .lianxitu .lianxitubox a span { font-size: 14px; margin: 0; color: #737387; } #jianchan #jc_indexfooterbox .footerbottom .footer__secure { padding: 0 15px; max-width: 1170px; margin: 0 auto; } #jianchan #jc_indexfooterbox .footerbottom .footer__secure .secure__list { list-style: none; } #jianchan #jc_indexfooterbox .footerbottom .footer__secure .secure__list .secure__list-item { margin-left: 25px; } #jianchan #jc_indexfooterbox .footerbottom .footer__secure .secure__list .secure__list-item:first-child { margin-left: 0; } #jianchan #jc_indexfooterbox .footerbottom .footer__secure .footer__copyright .wentext { color: #525257; } #jianchan #jc_indexfooterbox .footerbottom .footer__secure .footer__copyright .banquan { color: #8E8F9B; font-size: 12px; } #product_list .banner .banner__content .banner__title { font-size: 22px; } #product_list .game_info .products__content .game-description .game-description__left { display: block; width: 100%; padding-right: 0; } #product_list .game_info .products__content .game-description .game-description__left .game-info { overflow: hidden; margin-bottom: 20px; } #product_list .game_info .products__content .game-description .game-description__left .game-info .game-info__list { margin: -1px 0 0; } #product_list .game_info .products__content .game-description .game-description__left .game-info .game-info__list .game-info__list-item { padding: 8px 0 8px; border-top: 1px solid #efeff4; } #product_list .game_info .products__content .game-description .game-description__left .game-info .game-info__list .game-info__list-item:first-child { border-top: none; } #product_list .game_info .products__content .game-description .game-description__left .game-info .game-info__list .game-info__list-item .game-info__title { display: inline-block; vertical-align: top; max-width: 177px; min-width: 77px; font-size: 11px; color: #9292a2; text-transform: uppercase; padding: 0 15px 0 0; position: relative; overflow: hidden; text-overflow: ellipsis; } #product_list .game_info .products__content .game-description .game-description__left .game-info .game-info__list .game-info__list-item .game-info__info { display: inline-block; vertical-align: top; max-width: 265px; width: 100%; font-size: 13px; } #product_list .game_info .products__content .game-description .game-description__left .game-info .game-info__list .game-info__list-item .game-info__info a { color: #169DE4; } #product_list .game_info .products__content .game-description .game-description__left .game-info .game-info__list .game-info__list-item .game-info__info a:hover { text-decoration: underline; } #product_list .game_info .products__content .game-description .game-description__right { display: block; vertical-align: top; width: 100%; margin-top: 0px; } #product_list .game_info .products__content .game-description .game-description__right .game-description__text { margin: 0; font-size: 14px; line-height: 22px; color: #a2a2b0; padding: 0 0 23px; } #product_list .game_info .products__content .game-description .game-description__right .game-description__text:last-child { padding: 0; } #product_list .dynamic-filter .searchbox button { height: 40px; border-radius: 6px; font-size: 12px; color: #686A67; } #product_list .dynamic-filter .searchbox .am-selected-text { color: #686a67; font-size: 12px; } #product_list .content__inner .container_box .searchbox .search { margin: 0 6px; } #product_list .content__inner .container_box .searchbox .search .searchtubox { position: absolute; right: 0; top: 0; text-align: center; height: 40px; width: 40px; line-height: 40px; cursor: pointer; } #product_list .content__inner .container_box .maijiabox { padding: 0 15px; } #product_list .content__inner .container_box .maijiabox .zaixianmaijia { width: 100%; max-width: 200px; } #product_list .content__inner .container_box .maijiabox .box .boxxiao .fenleibox .wenbenbox .glyxia { font-size: 12px; color: #CDCDD5; } #product_list .content__inner .container_box .maijiabox .box .boxxiao .fenleibox .fenleiprice .libox:hover { color: red; } #product_list .content__inner .container_box .maijiabox .box .boxxiao .fenleibox .fenleiprice .libox:last-child { border: 0; } #product_list .content__inner .container_box .maijiabox .box .boxxiao .shaixuan { width: 88px; height: 40px; border: 1px solid #DDDDDD; border-radius: 5px; padding: 0 14px; font-size: 14px; cursor: pointer; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .product_infobox { padding: 0 30px; box-sizing: border-box; height: 0; overflow: hidden; transition: all .5s; width: 0; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .product_infobox.xianshi { height: auto; padding-bottom: 20px; width: 100%; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .product_infobox .product_info { position: static; width: 100%; padding: 38px 30px; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .product_infobox .product_info .products-alert__text { color: #EFA040; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .product_infobox .product_info .more-info__text { color: #b9b9cb; } #product_jiezhang .main .section .maincontent { padding: 0; flex-wrap: wrap; } #product_jiezhang .main .section .maincontent .maincontentleft { padding: 30px 30px 30px 0; border-right: 0; width: 100%; } #product_jiezhang .main .section .maincontent .maincontentleft .h3_title { font-size: 18px; margin-left: 30px; font-family: 'Gothbold'; } #product_jiezhang .main .section .maincontent .maincontentleft .formdiv .radio_choose{ margin-left: 30px; } #product_jiezhang .main .section .maincontent .maincontentleft form { margin: 0; } #product_jiezhang .main .section .maincontent .maincontentleft .formdiv .inputbox .price { margin-right: 3px; max-width: calc( 100% - 34px); } #product_jiezhang .main .section .maincontent .maincontentleft .formdiv .buttonbox button .wenbenb { text-transform: uppercase; margin-right: 10px; } #product_jiezhang .main .section .maincontent .maincontentleft .formdiv .buttonbox button:hover { background: #f03726; color: #fff; } #product_jiezhang .main .section .maincontent .maincontentleft .formdiv .checkbox_input .wenhao { width: 18px; height: 18px; border-radius: 50%; text-align: center; line-height: 18px; background: #C4C4CE; color: #fff; margin-left: 10px; cursor: pointer; } #product_jiezhang .main .section .maincontent .maincontentleft .formdiv .checkbox_input .inputbox1 .inputlabel { width: 100%; display: block; } #product_jiezhang .main .section .maincontent .maincontentleft .formdiv .checkbox_input .inputbox1 .inputlabel .wenben { padding: 0 0 8px; font-size: 11px; line-height: 11px; text-align: left; text-transform: uppercase; color: #9292a2; } #product_jiezhang .main .section .maincontent .maincontentleft .formdiv .checkbox_input .inputbox1 .inputlabel .textinput { background: #fff; border: 1px solid #d7d7e0; color: #525257; font-size: 13px; line-height: 16px; padding: 12px 13px 12px; width: 100%; display: block; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-appearance: none; border-radius: 4px; -webkit-box-shadow: inset 2px 2px 3px 0 rgba(124, 124, 143, 0.1); box-shadow: inset 2px 2px 3px 0 rgba(124, 124, 143, 0.1); } #product_jiezhang .main .section .maincontent .maincontentleft .formdiv .checkbox_input .inputbox1.inputbox2 .inputlabel .wenben { padding: 10px 0; font-size: 16px; } #product_jiezhang .main .section .maincontent .maincontentleft .wenbenbox { padding: 0 0 31px 30px; } #product_jiezhang .main .section .maincontent .maincontentleft .wenbenbox .wenbenp { padding-bottom: 30px; line-height: 20px; } #product_jiezhang .main .section .maincontent .maincontentleft .wenbenbox .wenbenp a:hover { color: #F87272; } #product_jiezhang .main .section .maincontent .maincontentleft .wenbenbox .wenbenp b { color: #000; } #product_jiezhang .main .section .maincontent .maincontentright { width: 100%; padding: 30px; } #product_jiezhang .main .section .maincontent .maincontentright .pricecontent .contentheader .libox { height: 30px; } #product_jiezhang .main .section .maincontent .maincontentright .pricecontent .contentheader .libox .liboxleft { width: 50%; text-align: left; } #product_jiezhang .main .section .maincontent .maincontentright .pricecontent .contentheader .libox .liboxright { width: 50%; text-align: right; } #product_jiezhang .main .section .maincontent .maincontentright .pricecontent .contentheader .libox.liboxdong .liboxright { color: #C4C4CE; font-size: 14px; } #product_jiezhang .main .section .maincontent .maincontentright .pricecontent .contentheader .libox.liboxgu .liboxright { font-size: 14px; font-weight: 800; color: #C4C4CE; } #product_jiezhang .main .section .maincontent .maincontentright .pricecontent .contentheader.header_bottom .liboxdong .liboxright { font-size: 30px; color: #000; /*font-family: cursive;*/ display: flex; justify-content: flex-end; font-family: 'Gothbold'; font-weight: bold; } #product_jiezhang .main .section .maincontent .maincontentright .pricecontent .contentheader.header_bottom .liboxgu .num { width: 27px; height: 27px; background-position: -47px -125px; background-image: url('../images/icons-2017-beta.png'); margin-right: 10px; } #product_jiezhang .main .section .maincontent .maincontentright .pricecontent .contentheader.header_bottom .liboxgu .number { font-weight: normal; } #product_jiezhang .main .section .maincontent .maincontentright .pricecontent .contentheader.header_end { border: 0; } #product_jiezhang .main .section .maincontent .maincontentright .buttonbox { text-align: center; } #login_guanli .sellmain { padding-top: 0; } #login_guanli .sellmain .fanhuibiaoti { height: 70px; width: 100%; background: #E3E3EB; } #login_guanli .sellmain .fanhuibiaoti .biaoti { height: 100%; } #login_guanli .sellmain .fanhuibiaoti .biaoti .jiantou { color: #89889B; font-size: 40px; margin-right: 40px; cursor: pointer; } #login_guanli .sellmain .fanhuibiaoti .biaoti .wenben { font-size: 20px; font-weight: bold; } #login_guanli .sellmain .search_sort { height: 110px; width: 100%; background: #EEEEF4; } #login_guanli .sellmain .search_sort .ulbox .libox { padding: 10px 16px; border-right: 1px solid #e2e2ea; width: 129px; } #login_guanli .sellmain .search_sort .ulbox .libox.active { background: #fff; } #login_guanli .sellmain .search_sort .ulbox .libox a { display: flex; flex-direction: column; align-items: center; } #login_guanli .sellmain .search_sort .ulbox .libox a .wenben { font-weight: bold; color: #323233; line-height: 1; } #login_guanli .sellmain .search_sort .ulbox .libox a .imgbox { min-width: 50px; min-height: 50px; } #login_guanli .sellmain .search_sort .ulbox .libox a .imgbox img { width: 50px; } #login_guanli .sellmain .guanlideail .guanlideailbox { background: #fff; } #login_guanli .sellmain .guanlideail .headertitle .h1_title { margin-left: 6px; font-size: 30px; } #login_guanli .sellmain .guanlideail .liebiao { flex-wrap: wrap; } #login_guanli .sellmain .guanlideail .liebiao .liebiaoleft { width: 100%; } #login_guanli .sellmain .guanlideail .liebiao .liebiaoleft .libox { min-width: 220px; height: 36px; border-radius: 15px; background: #E3E3EB; padding: 0 20px; border-bottom: 3px solid #9594A3; margin-bottom: 10px; cursor: pointer; } #login_guanli .sellmain .guanlideail .liebiao .liebiaoleft .libox.active { background: #fff; border: 0; } #login_guanli .sellmain .guanlideail .liebiao .liebiaoleft .libox .liboxleft { min-width: 120px; border-right: 1px solid #D4D4DC; line-height: 33px; height: 33px; } #login_guanli .sellmain .guanlideail .liebiao .liebiaoleft .libox .liboxright { padding-left: 10px; } #login_guanli .sellmain .guanlideail .liebiao .liebiaoright { padding: 20px 36px 10px; display: flex; width: 100%; flex-wrap: wrap; } #login_guanli .sellmain .guanlideail .liebiao .liebiaoright .libox .num { color: #D03E3E; font-weight: bold; text-align: center; font-size: 26px; margin-top: 15px; } #login_guanli .sellmain .guanlideail .liebiao .liebiaoright .libox .wenben { color: #646368; text-align: center; margin-bottom: 10px; } #login_guanli .sellmain .guanlideail .updateliebiao { padding: 20px 60px 10px 30px; flex-wrap: wrap; } #login_guanli .sellmain .guanlideail .updateliebiao .updatelieleft { margin-bottom: 10px; flex-wrap: wrap; } #login_guanli .sellmain .guanlideail .updateliebiao .updatelieleft .searchbox { min-width: 260px; margin-right: 10px; position: relative; height: 40px; } #login_guanli .sellmain .guanlideail .updateliebiao .updatelieleft .searchbox input { width: 100%; height: 100%; border-radius: 6px; border: 1px solid #B2B2B8; padding: 0 40px 0 6px; } #login_guanli .sellmain .guanlideail .updateliebiao .updatelieleft .searchbox .sousuo { position: absolute; cursor: pointer; right: 0; color: #B2B2B8; top: 0; height: 40px; width: 40px; text-align: center; } #login_guanli .sellmain .guanlideail .updateliebiao .updatelieright { margin-bottom: 10px; } #login_guanli .sellmain .guanlideail .updateliebiao .updatelieright .sx { display: flex; align-items: center; flex-wrap: wrap; } #login_guanli .sellmain .guanlideail .updateliebiao .updatelieright .sx .con { background: #f7f7fa; font-size: 13px; display: flex; align-items: center; color: #9292a2; line-height: 36px; font-weight: 400; letter-spacing: 0; text-transform: none; padding: 0 16px; text-align: center; border-radius: 4px; transition: 0.2s ease-in-out; box-shadow: 0 1px 0 0 #e6e6ec; height: 36px; border: 0; cursor: pointer; } #login_guanli .sellmain .guanlideail .updateliebiao .updatelieright .sx .con:hover { background: #fafafc; color: #848496; } #login_guanli .sellmain .guanlideail .updateliebiao .updatelieright .sx .con .tu { top: -2px; } #login_guanli .sellmain .guanlideail .updateliebiao .updatelieright .sx .sc { background: #f7f7fa; font-size: 13px; display: flex; align-items: center; color: #9292a2; line-height: 36px; font-weight: 400; letter-spacing: 0; text-transform: none; padding: 0 16px; text-align: center; border-radius: 4px; transition: 0.2s ease-in-out; box-shadow: 0 1px 0 0px #e6e6ec; height: 36px; border: 0; cursor: pointer; margin-right: 15px; } #login_guanli .sellmain .guanlideail .updateliebiao .updatelieright .sx .sc:hover { background: #fafafc; color: #848496; } #login_guanli .sellmain .guanlideail .updateliebiao .updatelieright .sx .sc .tu { top: -2px; } #login_guanli .sellmain .guanlideail .updateliebiao .updatelieright .sx .xz { background: #f7f7fa; font-size: 13px; display: flex; align-items: center; color: #9292a2; line-height: 36px; font-weight: 400; letter-spacing: 0; text-transform: none; padding: 0 16px; text-align: center; border-radius: 4px; transition: 0.2s ease-in-out; box-shadow: 0 1px 0 0px #e6e6ec; height: 36px; border: 0; cursor: pointer; } #login_guanli .sellmain .guanlideail .updateliebiao .updatelieright .sx .xz:hover { background: #fafafc; color: #848496; } #login_guanli .sellmain .guanlideail .updateliebiao .updatelieright .sx .xz .tu { top: -2px; } #login_guanli .sellmain .guanlideail .updateliebiao .updatelieright .sx .wenhao { width: 18px; height: 18px; border-radius: 50%; text-align: center; line-height: 18px; background: #C4C4CE; color: #fff; margin-left: 10px; } #login_guanli .sellmain .guanlideail .quanxuan_paixu { padding: 20px 60px 20px 30px; border-bottom: 1px solid #ddd; } #login_guanli .sellmain .guanlideail .quanxuan_paixu .am-ucheck-icons { font-size: 30px; } #login_guanli .sellmain .guanlideail .quanxuan_paixu .paixuselect { color: red; border: 0; cursor: pointer; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .selectall + .am-selected button { background: #fff; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxbox { flex-wrap: wrap; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft { min-width: 100%; justify-content: space-around; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .imgwenben { padding-top: 0; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .imgwenben .imgbox .imgtu img { width: 100%; height: 100%; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .imgwenben .imgbox .wenben { margin-top: 6px; margin-bottom: 15px; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .imgwenben .imgbox .buttonbox { display: inline-block; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .imgwenben .imgbox .buttonaniu { background: #426ABE; min-width: 80px; height: 30px; border-radius: 6px; cursor: pointer; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .imgwenben .imgbox .buttonaniu .fentu { height: 30px; display: flex; justify-content: center; align-items: center; background: #355890; width: 30px; border-radius: 6px 0 0 6px; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .imgwenben .imgbox .buttonaniu .text_t { color: #fff; padding: 0 12px; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .wenbenbox { padding-left: 26px; max-width: 240px; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .wenbenbox .h1_title { font-weight: bold; color: #626264; font-size: 18px; margin-bottom: 20px; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .wenbenbox .wenben1 { color: #26c6e8; margin-bottom: 20px; font-size: 16px; cursor: pointer; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .wenbenbox .wenben2 { cursor: pointer; color: #26c6e8; font-size: 16px; margin-bottom: 20px; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .wenbenbox .wenben { color: #808185; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .wenbenbox .wenben .bb { color: #212529; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .wenbenbox .wenben .tian { color: #26c6e8; cursor: pointer; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .wenbenbox .wenbenp + .alltankuang .inputtext.textarea { height: 132px; padding: 13px; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright { min-width: 100%; margin-top: 20px; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .tian { color: #26c6e8; cursor: pointer; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .zaixian .wenben { margin-bottom: 20px; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .xiajia { min-width: 180px; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .xiajia .wenben { margin-bottom: 8px; display: flex; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .xiajia .wenben .tanboxall { width: 50%; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .xiajia .wenben .tanboxall .alltankuang { left: -180px; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .xiajia .wenben .tian1, #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .xiajia .wenben .tian { width: 50%; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .buttonbox { margin-top: 20px; border-top: 1px dashed #ddd; padding-top: 15px; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .buttonbox.kuang { border: 0; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .buttonbox b { border-right: 1px solid #ddd; margin: 0 10px; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .buttonbox .font_color_red { cursor: pointer; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .closeg { font-size: 16px; } } @media only screen and (min-width: 992px){ .chat_record .chat_left{ display: block !important; margin-left: 0 !important; } .chat_record .chat_right{ margin-left: 0 !important; } .chat_record .img_name_arrow{ display: none !important; } } @media only screen and (max-width: 991px) { #game_list .game_choose .title.fixed{ width: 750px; } .chat_record .chat_right .img_name .imgbox img{ width: 40px; height: 40px; min-width: 40px; } .problem_header .problem_inputbox .input_content{ left: 0; } .chat_record .chat_right{ display: none; width: 100%; } .chat_index .chat_record .chat_right{ display: block; } .chat_record .chat_left{ width: 100%; } .problem_main .problem_main_left, .problem_main .problem_main_right { width: 100%; } .problem_main .problem_main_right .problem_box{ width: 100%; max-width: 100%; margin-top: 20px; } #product_list .content__inner .container_box .products__content .liebiao{ padding: 0; max-width: 770px; } .login_sell .sellnav { padding: 10px 0 6px; } .login_sell .sellnav .navbox .ulbox { height: auto; } .login_sell .sellnav .navbox .ulbox .libox { margin-bottom: 6px; border-radius: 10px; padding: 4px 0; } .login_sell .sellnav .navbox .ulbox .libox.active { background: #755353; border-bottom: 0; } .login_sell .sellnav .navbox .ulbox .libox a{ height: auto; } .home_header_bottom .header_bottom_box .searchbox .search_input { width: 240px; } .main .popular_game .gamebox .libox { width: 350px; margin-bottom: 20px; } .person_account .midsection .account_main .card .form .form-normal .input-row-2-coll { display: block; width: 100%; } .person_account .midsection .account_main .card .form .form-normal .input-row-2-coll .input-row-2-coll-right { bottom: 0; margin-left: 0; } .person_account .midsection .account_main#security_info .card .form_hidden .form { margin: 40px 10px 0; } .person_account .midsection .account_main#security_info .card .form_hidden .form .phonebox .flex_between { flex-wrap: wrap; } .person_account .midsection .account_main#security_info .card .form_hidden .form .phonebox .form-group { width: 100%; padding: 0; } .person_account .midsection .account_main#security_info .card .form_hidden .form .phonebox .form-group:first-child, .person_account .midsection .account_main#security_info .card .form_hidden .form .phonebox .form-group:last-child { padding: 0; } } @media only screen and (max-width: 799px) { #product_list .content__inner .container_box .products__content .liebiao{ padding: 0 15px; } #product_list .content__inner .container_box .products__content .liebiao .libox{ width: 100%; } } @media only screen and (max-width: 767px) { .phonehidden { display: none !important; } .phonevisible { display: block !important; } #game_list .popular_li{ width: 50%; } #game_list .game_choose .title.fixed{ width: calc( 100% - 30px); } #footer .footer_box .pay_method_box.phone_visible{ display: flex; } .news_list .news_listbox{ border: 0; } .yibantitle .h3title{ font-size: 20px; } .chat_record .show_record_pop_up{ width: calc( 100% - 20px); right: 10px; } .loans .steps{ padding: 20px 10px; } .loans .steps .steps_box{ display: flex; /*flex-wrap: wrap;*/ height: auto; } .loans .steps .steps_libox{ width: 100%; } .loans .steps .steps_libox .borderbox{ display: none; } #login_guanli .sellmain .guanliliebiao .h1_title{ font-size: 24px; margin: 20px 0; } #dengdai_pay .sellmain .paydan .deailtable .tablebox::-webkit-scrollbar { -webkit-appearance: none; height: 4px; } #dengdai_pay .sellmain .paydan .deailtable .tablebox::-webkit-scrollbar-thumb { border-radius: 4px; background-color:#D8D8D8; } #login_createli .sellmain .registermain .create__item .yibantitle{ margin-bottom: 20px; } #historical .complete_info .person_box .left,#historical .complete_info .person_box .right{ margin: 0 auto; } #historical .paydan .headerpay .headerleft .tuimg{ margin-top: 0; } #historical .paydan .headerpay .headerleft .wenbenbox h1{ font-size: 20px; } .person_index .person_henfu .inputfile .box{ align-items: center; height: 100%; } .person_index .person_henfu .inputfile .box .yuan{ display: none; } .person_index .person_henfu .imgbanner{ min-height: auto; } .person_index .person_main .person_mainbox{ top: 0; } .person_index .person_henfu .inputfile .box .boxbox{ padding-top: 0; } #product_jiezhang .main .section .maincontent .maincontentright{ padding: 0 0 30px; } #product_jiezhang .main .section .maincontent .maincontentleft .formdiv .buttonbox button{ padding: 6px 10px; font-size: 15px; min-width: 100px; margin-left: 0; } #historical .paydan .headerpay{ padding: 24px 10px 13px; } #product_jiezhang .main .section .maincontent .maincontentright .pricecontent{ margin-bottom: 30px; } #product_jiezhang .main .section .maincontent .maincontentleft .formdiv .buttonbox{ padding-top: 20px; } #product_jiezhang .main .section .maincontent .maincontentleft .formdiv{ padding-bottom: 20px; } #product_jiezhang .main .section .maincontent .maincontentleft .formdiv .buttonbox button:last-child{ margin-left: 6px; } #product_jiezhang .main .section .header{ font-size: 18px; } #product_deail .motaikuang .motaikuangbody,#product_list .reportmotaikuang .motaikuangbody{ width: 90%; } #product_deail .product_deailbox .deailright .rightdeailheader .h1_title{ font-size: 18px; } .main .recommendation .recommendationbox .recommendli .recom_textbox{ height: auto; max-width: 70%; /* add new */ } #product_deail .motaikuang .motaikuangbody .buttonbox,.motaikuang .motaikuangbody .main .buttonbox, .motaikuangjs .motaikuangbody .main .buttonbox{ margin-top: 20px; } .motaikuang .motaikuangbody .main, .motaikuangjs .motaikuangbody .main{ padding: 20px; } p#back-to-top{ right: 0px; bottom: 55px; } #login_guanli .sellmain .guanlideail { margin-top: 0; } .person_index .person_xxcontent .person_ziliao{ flex-wrap: wrap; } #jianchan .product_search .container_box .remen_ul .remen_li{ margin: 0 6px; margin-top: 20px; width: calc(50% - 12px); } .product_search .container_box .remen_li .remen_lia{ padding: 0 10px; } .product_search .container_box .remen_ul .remen_li .wenbenbox .h3_title{ font-size: 12px !important; } .z2u.en .home .home_header .language_currency .libox.login_after .denglutankuang .profile__list-item.grey,.home_header.en .language_currency .libox.login_after .denglutankuang .profile__list-item.grey{ padding: 10px; flex-wrap: wrap; height: auto; } .z2u.en .home .home_header .language_currency .libox.login_after .denglutankuang .profile__list-item.grey .btn,.home_header.en .language_currency .libox.login_after .denglutankuang .profile__list-item.grey .btn{ width: 90%; } .z2u.en .home .home_header .language_currency .libox.login_after .denglutankuang .profile__list-item.grey .btn.btn--border,.home_header.en .language_currency .libox.login_after .denglutankuang .profile__list-item.grey .btn.btn--border { margin: 10px 0 0; } #historical .paydan .table-responsive{ border: 0; } .login_sell .sellmain{ min-height: auto; } .login_sell .sellmain .registerbox{ background: transparent; box-shadow: none; border: 0; border-radius: 0; background: #fff; } #pay_diandan .sellmain .paydan{ background: transparent; } #footer{ padding:0; } #footer .footer_box .footer_nav{ margin: 0 0 30px; } #footer .footer_box .footer_nav.phone_visible{ display: flex; } #footer .footer_box .footer_nav .navcon .title{ margin-bottom: 0; padding: 15px; display: flex; justify-content: space-between; } #footer .footer_box .footer_nav .navcon .title .glyphicon{ transition: all .5s; } #footer .footer_box .footer_nav .navcon .title.active{ color: #00ADF6; background: #101010; } #footer .footer_box .footer_nav .navcon .title.active .glyphicon{ transform: rotateZ(180deg); } #footer .footer_box .footer_nav .navcon .nav_content .libox_a:hover{ color: #00ADF6; } #product_list .sell-product .libox{ min-width: 50%; } #login_createli .all_checked{ position: static; padding-top: 5px; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi{ padding: 20px 0 40px; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .maindeail{ padding: 0 0px; } .home_header .language_currency .libox.login_after .denglutankuang .profile__list-item.grey .btn{ font-size: 14px; padding: 8px 20px; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .maindeail .libox,#dengdai_pay .sellmain .paydan .trade-history__inner .trade-history_xinxi .libox{ flex-wrap: wrap; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .maindeail .libox .liboxleft,#dengdai_pay .sellmain .paydan .trade-history__inner .trade-history_xinxi .libox .liboxleft{ /*width: 35%; justify-content: flex-start; padding-bottom: 10px;*/ min-width: 120px; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .maindeail .libox .liboxright,#dengdai_pay .sellmain .paydan .trade-history__inner .trade-history_xinxi .libox .liboxright{ /*width: 65%;*/ } #dengdai_pay .sellmain .paydan .trade-history__inner .trade-history_xinxi{ margin-bottom: 0; } #product_list .product-nav .product-nav__list .product-nav__list-item{ width: auto; padding: 10px; border: 0; } #product_list .product-nav .product-nav__list .product-nav__list-item .product-nav__link .product-nav__icon{ display: none; } #product_list .product-nav__list-item.active{ background: transparent !important; color: red !important; } #product_list .product-nav__list-item.active .product-nav__title{ color: red !important; } #product_list .dynamic-filter .searchbox { padding-top: 10px; } #product_list .dynamic-filter .searchbox .leftbox ,#product_list .dynamic-filter .searchbox .rightbox{ margin: 0 10px 10px 0; } #product_list .content__inner .container_box { padding: 20px 0 0; } #product_list .content__inner .container_box .searchbox{ justify-content: center; } #product_list .content__inner .container_box .searchbox .search{ width: 80%; } .home_header .language_currency .libox:not(:last-child) { margin-right: 10px; margin-left: 0px; } /* just phone left wrap */ .just-phone-pull-left .libox{ margin-left: 0px; margin-right: 2px!important; } .home_header .language_currency .message_notice{ margin-left: 15px; } .home_header .language_currency .libox.login_after { display: flex; align-items: center; margin-left: 14px; } .name_name { max-width: 38px; text-overflow: ellipsis; overflow: hidden; display: inline-block; white-space: nowrap; } .home_header_bottom .header_bottom_box { margin-bottom: 0px; } .home_header_bottom .header_bottom_box .logobox { margin-right: 0px;/* 3px -- 0px */ order: 2; } .home_header_bottom .header_bottom_box .classification { margin-right: 3px; order: 1; position: fixed; z-index: 999999; left: -25px; top: 0px; color: #a0a0a9; } .home_header_bottom .header_bottom_box .searchbox { order: 4; } .home_header_bottom .header_bottom_box .searchbox .search_input { width: 290px; } .home_header_bottom .header_bottom_box .buy_sell { order: 3; height: 65px; } .main .popular_game .title { font-size: 20px; padding: 20px 0 0; text-align: left; position: relative; } .main .popular_game .title .title_check { position: absolute; right: 0; top: 19px; } .main .popular_game .title .title_check button { border-radius: 13px; padding: 2px 20px; } .main .popular_game .title:before { content: ' '; display: inline-block; width: 4px; height: 18px; background: red; position: relative; top: 2px; margin-right: 10px; } .main .popular_game .small_title { display: none; } .main .popular_game .borderbox { display: none; } .main .popular_game .phone_gamebox .titlebox_a { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; margin: 10px 0; margin-right: -10px; background: #fff; } .main .popular_game .phone_gamebox .titlebox_a .lititle { flex-grow: 1; background: #d7d7d7; height: 60px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 18px; font-weight: bold; color: #000; margin-right: 6px; margin-bottom: 10px; padding: 0 6px; } .z2u.en .home .main .popular_game .phone_gamebox .titlebox_a .lititle{ font-weight: normal; } .main .popular_game .phone_gamebox .titlebox_a .lititle img { width: 30px; margin-right: 10px; max-width: 30px; max-height: 30px; } .main .popular_game .phone_gamebox .titlebox_a .lititle.active { background: #000; color: #fff; } .main .popular_game .phone_gamebox .titlebox_a .lititle:hover { background: #000; color: #fff; } .main .popular_game .phone_gamebox .ulcontent { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; } .main .popular_game .phone_gamebox .ulcontent .libox { width: 100%; } .main .popular_game .phone_gamebox .ulcontent .libox .game_item { padding: 10px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; border-bottom: 1px solid #e4e4e4; } .main .popular_game .phone_gamebox .ulcontent .libox .game_item .imgbox { border: 1px solid #e4e4e4; margin-right: 10px; padding: 8px 0; min-width: 53px; } .main .popular_game .phone_gamebox .ulcontent .libox .game_item .imgbox img { width: 53px; height: 39px; } .main .popular_game .phone_gamebox .ulcontent .libox .game_item .textbox { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .main .popular_game .phone_gamebox .ulcontent .libox .game_item .textbox .text_title { font-size: 14px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 1; } .main .popular_game .phone_gamebox .ulcontent .libox .game_item .textbox .text_count { border: 1px solid #e93c4d; color: #e93c4d; font-size: 14px; font-weight: bold; display: inline-block; line-height: 16px; padding: 0 6px; border-radius: 10px; min-width: 54px; text-align: center; } .main .popular_game .phone_gamebox .ulcontent .libox .check_box { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 40px; font-size: 14px; cursor: pointer; text-decoration: none; } .main .popular_game .phone_gamebox .ulcontent .libox .check_box .text { margin-right: 6px; color: #5C5C5C; } .main .popular_game .phone_gamebox .ulcontent .libox .check_box .imgbox { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .main .recommendation .title { font-size: 20px; padding: 20px 0 0; text-align: left; } .main .recommendation .title:before { content: ' '; display: inline-block; width: 4px; height: 18px; background: red; position: relative; top: 2px; margin-right: 10px; } .main .recommendation .small_title { display: none; } .main .recommendation .borderbox { display: none; } .main .recommendation .recommendationbox { margin-top: 20px; margin-bottom: 0; } .main .recommendation .recommendationbox .recommendli { height: auto; width: 100%; margin-bottom: 20px; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; } .main .recommendation .recommendationbox .recommendli .recom_textbox .text_title { word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; color: #444444; -webkit-line-clamp: 3; font-size: 13px; font-weight: bold; } .main .recommendation .recommendationbox .recommendli .recom_textbox .small_title { font-size: 12px; } .main .recommendation .recommendationbox .recommendli .recom_textbox .price { font-size: 16px; } .main .recommendation .recommendationbox .recommendli .border { display: none; } .main .recommendation .recommendationbox .recommendli .level_imgbox { width: 100%; height: auto; flex-direction: row; align-items: center; margin-top: 6px; flex-wrap: wrap; display: flex; } .main .recommendation .recommendationbox .recommendli .level_imgbox .text_message { width: auto; border-bottom: 0; padding-bottom: 0; border-right: 1px solid #e4e4e4; padding-right: 20px; margin-right: 20px; } .main .recommendation .recommendationbox .recommendli .level_imgbox .text_message .text { margin-right: 6px; } .main .recommendation .recommendationbox .recommendli .level_imgbox .attack_equipment img { cursor: pointer; width: 40px; max-height: 40px; margin-right: 10px; } .main .recommendation .recommendationbox .recommendli .level_imgbox .details { border: 1px solid #FFDEB7; width: 70px; text-align: center; border-radius: 13px; padding: 3px 0; color: #FF7C1B; margin-left: 10px; } #footer .footer_box .footer_nav .navcon { width: 100%; padding: 0; margin-bottom: 0; border-bottom: 1px solid #777777; } #footer .footer_box .footer_nav .navcon .nav_content{ display: none; padding: 15px 15px 15px 20px; } #footer .footer_box .footer_nav .navcon .nav_content.nav_ul{ padding-left: 35px; } #footer .footer_box .footer_nav .navcon.contact_us{ text-align: center; border-bottom: 0; } #footer .footer_box .footer_nav .navcon.contact_us .title{ justify-content: center; } #footer .footer_box .footer_nav .navcon.contact_us .nav_content{ display: block; padding-top: 0; } .login_sell .sellmain .registerbox .registerheader { padding: 40px 20px 40px 20px; } .login_sell .sellmain .registerbox .registermain { padding: 50px 20px 60px; } #login_createli .sellmain .registermain{ padding: 20px; } .login_sell .sellmain .registerbox .registermain select + .am-selected .am-selected-content { max-width: 100%; } .login_sell .sellmain .registerbox .registermain .libox { padding: 0 20px 0 20px; flex-wrap: wrap; } .login_sell .sellmain .registerbox .registermain .libox.flex_between label { padding: 0; } .login_sell .sellmain .registerbox .registermain .libox.flex_between label:last-child { width: 100%; } .login_sell .sellmain .registerbox .registermain .libox.flex_between label:first-child { max-width: 100%; } .login_sell .sellmain .registerbox .register_footer { padding: 40px 20px 40px 20px; } .login_sell .sellmain .registerbox .register_footer .buttonbox { text-align: center; } #pay_diandan .sellmain .paydan table tbody tr td { display: inline-block !important; padding: 6px; border: 0; } #pay_diandan .sellmain .paydan .headerpay .headerleft .wenbenbox h1{ font-size: 20px; } #pay_diandan .sellmain .paydan .headerpay .headerleft .tuimg{ margin-top: 0; } #pay_diandan .sellmain .paydan table tbody tr { padding: 10px 0; display: block; } .sellxinxi{ min-width: auto; max-width: 100%; padding-right: 6px; margin-left: 0; padding-bottom: 10px; } .sellxinxi .wenben{ margin-bottom: 10px; } #pay_diandan .sellmain .paydan .headerpay{ padding: 10px 10px 2px; } #login_createli .sellmain .registermain .xuanxiang{ margin-left: 0; flex-wrap: wrap; } #pay_diandan .sellmain .paydan table thead th { display: none !important; } .person_index .person_xxcontent { padding-bottom: 50px; } .person_index .person_xxcontent .person_ziliao .h3_title { font-size: 20px; } .person_index .person_xxcontent .person_ziliao .ziliaoleft { margin-right: 0; } .person_index .person_xxcontent .person_ziliao .ziliaoright { width: 100%; min-width: auto; margin-top: 10px; } .person_index .person_xxcontent .person_ziliao .ziliaoright .buttonbox { text-align: center; } .person_index .person_xxcontent .person_ziliao .ziliaoright .buttonbox .btnbtn { font-size: 16px; line-height: 16px; padding: 10px 20px; } #login_szhen .sellmain .container_box { padding: 0; } #login_szhen .sellmain .registermain { padding: 40px 10px 50px; } #login_szhen .sellmain .registermain .phone_reg { width: 100%; } #login_szhen .sellmain .registermain .inputboxyzhen input { width: 40px; height: 40px; font-size: 20px; text-align: center; margin-right: 10px; margin-bottom: 10px; color: #9e9797; } #login_szhen .sellmain .registermain .inputboxyzhen input:last-child { margin-bottom: 10px; } #login_update .sellmain .container_box { padding: 0; } #login_update .sellmain .registermain { padding: 40px 20px 50px; border-bottom: 1px solid #efeff4; } #login_update .sellmain .registermain .update_icd { margin-top: 30px; padding-bottom: 10px; display: flex; flex-wrap: wrap; justify-content: space-between; } #login_update .sellmain .registermain .update_icd .icd_left { flex-grow: 1; text-align: center; } #login_update .sellmain .registermain .update_icd .icd_right { margin: 0; flex-grow: 1; text-align: center; } #login_update .sellmain .registermain .update_icd .icd_right .icdfile { width: 200px; height: 140px; line-height: 140px; text-align: center; border: 1px dashed #d9d9d9; border-radius: 6px; cursor: pointer; position: relative; overflow: hidden; } #login_update .sellmain .registermain .update_icd .icd_right .icdfile .imgbox { width: 200px; height: 140px; display: flex; justify-content: center; align-items: center; } #login_update .sellmain .registermain .update_icd .icd_right .icdfile .imgbox img { height: 100%; width: auto; } #login_update .sellmain .registermain .update_icd .icd_right .icdfile .addtian { width: 200px; height: 140px; display: flex; justify-content: center; align-items: center; } #login_update .sellmain .registermain .update_icd .icd_right .icdfile .addtian span { margin: 0; color: #8c939d; font-size: 30px; } #login_update .sellmain .registermain .update_icd .icd_wenben { align-self: center; } #login_update .sellmain .registermain .icd_content { padding: 10px 20px 20px; margin-top: 20px; background-color: #FAFAFC; } #login_update .sellmain .registermain .icd_content .icd_content_title { font-size: 14px; margin: 10px 0; color: #9292a2; text-transform: uppercase; } #login_update .sellmain .registermain .icd_content ul { list-style-type: decimal; margin-left: 20px; line-height: 20px; } #login_update .sellmain .register_footer .buttonbox button { color: #fff; background: #f03726; text-align: center; font-weight: 700; letter-spacing: 1px; font-size: 18px; line-height: 18px; padding: 13px 28px; text-transform: uppercase; border: 0; border-radius: 30px; position: relative; transition: all 0.3s ease-in-out; display: inline-block; } #login_update .sellmain .register_footer .buttonbox button:hover { background: #d22d1e; } #login_update .sellmain .register_footer .buttonbox button.fanhui { border: 1px solid #c8c8d0; color: #9292a2 !important; background: #fff; padding: 12px 40px; } #login_update .sellmain .register_footer .buttonbox button.fanhui:hover { background: #fff; color: #76768b; border-color: #adadb9; } #login_guanli .sellmain .guanlideail .container_box { padding: 0; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox { font-size: 12px; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .am-ucheck-icons { font-size: 20px; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxbox { position: relative; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .imgwenben .imgbox .imgtu { height: 80px; width: 100px; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright { flex-wrap: wrap; font-size: 12px; position: static; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .tian { color: #26c6e8; cursor: pointer; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .zaixian .wenben { margin-bottom: 1px; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .xiajia { min-width: 180px; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .xiajia .wenben { margin-bottom: 8px; display: flex; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .xiajia .wenben .tanboxall { width: 50%; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .xiajia .wenben .tanboxall .alltankuang { left: 0; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .alltankuang{ left: 0; position: fixed; right: 0; margin: auto; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .xiajia .wenben .tian1, #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .xiajia .wenben .tian { width: 50%; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .buttonbox { margin-top: 20px; border-top: 1px dashed #ddd; padding-top: 15px; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .buttonbox.kuang { border: 0; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .buttonbox b { border-right: 1px solid #ddd; margin: 0 10px; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .buttonbox .font_color_red { cursor: pointer; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .closeg { top: 20px; } .person_account .midsection { flex-wrap: wrap; } .person_account .midsection #mySidenav { width: 100%; } .person_account .midsection #mySidenav .am-panel-group .am-panel + .am-panel { margin-top: 0; } .person_account .midsection #mySidenav #accordion { padding-top: 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 20px; } .person_account .midsection #mySidenav #accordion .am-panel .am-panel-hd { font-size: 14px; border: 0; } .person_account .midsection .account_main { width: 100%; padding-left: 0; } .person_account .midsection .account_main .page-title h1 { font-size: 20px; } .person_account .midsection .account_main .card { padding: 30px 10px; } .person_account .midsection .account_main .card .form .card-tab { margin-bottom: 0; } .person_account .midsection .account_main .card .form .card-tab h2 { font-size: 16px; } .person_account .midsection .account_main .card .form .form-normal { margin: 0 10px; } .person_account .midsection .account_main .card .form .form-normal .input-row-2-coll { display: block; width: 100%; } .person_account .midsection .account_main .card .form .form-normal .input-row-2-coll .input-row-2-coll-right { bottom: 0; margin-left: 0; } #product_list .banner img.bannertu{ min-height: 40px; } #product_list .banner .banner__content .banner__title{ font-size: 16px; font-weight: bold; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: none; } #product_list .banner{ max-height: 40px; } .back-to-store-btn{ top: -10px!important; } } @media only screen and (max-width: 700px) { .home_header_bottom .header_bottom_box .searchbox { width: 100%; } .home_header_bottom .header_bottom_box .searchbox .search_input { width: calc(100% - 90px); } } @media only screen and (max-width: 600px) { #jianchan .product_search .container_box .remen_ul { justify-content: flex-start; } #product_jiezhang .main .section .maincontent .maincontentright .pricecontent .contentheader .libox{ flex-wrap: wrap; height: auto; } #product_jiezhang .main .section .maincontent .maincontentright .pricecontent .contentheader .libox .liboxleft,#product_jiezhang .main .section .maincontent .maincontentright .pricecontent .contentheader .libox.liboxdong .liboxright{ width: 100%; } } @media only screen and (max-width: 500px) { /* Home Big Pic */ .ibanner .da-slider .owl-pagination{bottom: -4px!important;} .ibanner .da-slider .owl-controls .owl-page span{width: 9px!important; height: 9px!important;} /* Home Prosucr list */ .main .recommendation .recommendationbox .recommendli .recom_img{ width: 80px; height: 80px; min-width: 80px; } .main .popular_game .phone_gamebox .titlebox_a .lititle{ flex: 45%; font-size: 16px; height: 50px; } .main .popular_game .phone_gamebox .titlebox_a .lititle img{ margin-left: 10px; } /* Time info */ .time-text-shift{margin-right: -112%; color: #999; font-size: 12px; z-index: 2; font-weight: normal; font-family: helvetica neue,Helvetica,Arial,sans-serif!important;} #product_list .content__inner .container_box .products__content .liebiao>.libox{margin-bottom: 14px;} #product_list .content__inner .container_box .products__content .liebiao .libox .boxright{ position: relative; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxrightright .timebox{ flex-wrap: wrap; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxrightright .timebox .inputbox{ display: flex; flex-direction: column; min-height: 80px; width: 50%; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxrightright .sellbox{ position: absolute; right: 10px; flex-direction:row-reverse; padding: 0; width: 50%; bottom: 30px; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxrightright .timebox{ min-height: auto; border: 0; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxrightright .timebox .product_price{ line-height: 28px; width: 100%; font-size: 14px; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxrightright .sellbox .buttonbox{ width: 100%; text-align: right; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxrightright .sellbox .buttonbox button{ font-size: 18px; padding: 8px 16px; width: 93%; } #product_list .content__inner .container_box .products__content .liebiao .libox .deail_search{display: none;} #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxrightright .timebox .time_time .small_title{ display: none; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxrightright.phonevisible400 .timebox .time_time{ display: flex; border-right: 0; min-height: 25px; justify-content: flex-end; align-items: flex-end; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxrightright .sellbox .htitle{ padding-bottom: 11px; font-size: 18px; position: absolute; top: -30px; left: -90%; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxrightright .timebox .time_time .goldbox{ font-size: 12px; position: absolute; bottom: 7px; color: #999; font-family: helvetica neue,Helvetica,Arial,sans-serif!important; font-weight: normal; } #footer .footer_box .pay_method_box a{ margin-right: 0 !important; width: 33.3%; } #footer .footer_box .pay_method_box{ justify-content: center; } #footer .footer_box .pay_method_box a img{ } #footer .footer_box .footer_nav .navcon{ border-bottom: 1px solid #333; } .main .recommendation .recommendationbox .recommendli{margin-bottom: 10px;} .main .recommendation .recommendationbox .recommendli .recom_textbox{ height: auto; max-width: 70%; /* add new */ } .main .recommendation .recommendationbox .recommendli .level_imgbox .level_start{ width: 100%; } .main .recommendation .recommendationbox .recommendli .level_imgbox .details{ position: absolute; right: 0; bottom: 85px; } .main .recommendation .recommendationbox .recommendli .level_imgbox .text_message{ border: 0; margin-right: 0; padding-right: 10px; } .main .recommendation .recommendationbox .recommendli .level_imgbox .details{ margin-right: 10px; margin-left: 0; } .main .recommendation .recommendationbox .recommendli .level_imgbox .level_start{ order: 4; } #pay_ment .paypal_pay .jianchanbox1170 .buttonbox button.closemo{ margin-bottom: 10px; padding: 8px 30px; font-size: 16px; } #pay_ment .paypal_pay .jianchanbox1170 .buttonbox{ justify-content:center; flex-wrap: wrap; padding: 0 30px; width: 100%; } #pay_ment .paypal_pay .jianchanbox1170 .buttonbox a{ display: block; height: 48px; } #paypal-button-container{ width: 100%; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxmiddle .wenbenbox .wenbenboxlie{ min-width: auto; flex-wrap: wrap; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxrightright .timebox .time_time{ width: 50%; /* border-bottom: 1px solid #ddd; */ padding: 0px 10px 0px 10px; display: flex; justify-content: flex-end; align-items: flex-end; border-right: 0; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxmiddle .tuleft .imgbox a{ width: 75px; height: 50px; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxmiddle .tuleft img{ width: 75px; height: 50px; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxrightright .timebox .time_time:nth-child(2){ border-right: 0; } .person_account .midsection .account_main .card .card-tab h2 { text-align: center; font-size: 18px; } .person_account .midsection .account_main .card .text_buttonbox { flex-wrap: wrap; } .person_account .midsection .account_main .card .text_buttonbox .textbox { width: 100%; padding: 10px 0; } .person_account .midsection .account_main .card .text_buttonbox .textbox .wenben { text-align: center; } .person_account .midsection .account_main .card .text_buttonbox .buttonbox { width: 100%; text-align: center; } .person_account .midsection .account_main .card .text_buttonbox .buttonbox .openbuton { padding: 7px 10px; min-width: 100px; } #product_deail .product_deailbox .deailright .rightdeailheader .boxrightright{ padding: 10px; margin: 10px 0; } #dengdai_pay .deailxinxi .message_content .message_contentbox .message_libox{ flex-wrap: wrap; } #dengdai_pay .deailxinxi .message_content .message_contentbox .message_liboxright{ margin-top: 10px; margin-left: 15px; width: 100%; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .input_li{ width: calc(100vw - 84px); } #pay_ment .table-responsive:first-child th,#pay_ment .table-responsive:first-child td{ display: inline-block; } #product_list .content__inner .container_box .searchbox{/* margin-top: -10px; */} #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxrightright .timebox .inputbox .font_color_red{ position: absolute; margin-top: -15px; margin-left: 0px; } #product_list .content__inner .container_box .products__content .liebiao .libox .jubao{ position: absolute; top: -82px; display: none; } .curr-name-phone-none{display: none;} /* 手机下 TOP BAR 只显示一个图标 */ .name_name{display: none;} /* 手机下的客服不显示了 */ .kf-and-chat-phone-none{display: none!important;} /* 手机下才会左浮动 */ .just-phone-pull-left{ display: flex; flex-wrap: wrap; margin-right: auto; display: none; } } @media only screen and (max-width: 399px) { /* Home Big Pic */ .ibanner .da-slider .owl-pagination{bottom: -4px!important;} .ibanner .da-slider .owl-controls .owl-page span{width: 9px!important; height: 9px!important;} /* Time info */ .time-text-shift{margin-right: -113%; color: #999; font-size: 12px; z-index: 2; font-weight: normal; font-family: helvetica neue,Helvetica,Arial,sans-serif!important;} .phonehidden400 { display: none !important; } .phonehidden400.inline { display: none !important; } .phonevisible400 { display: block !important; } #product_list .content__inner .container_box .products__content .liebiao>.libox{ margin-bottom: 14px; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxmiddle .wenbenbox,#product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxmiddle .tuleft{ padding-left: 0; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright{ position: relative; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxrightright .sellbox{ position: absolute; /* bottom: 8px; */ right: 10px; width: auto; flex-direction: row-reverse; /* column > row-reverse */ padding: 0; width: 50%; margin-top: -20px; } /* phone input */ #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxrightright .timebox .product_price{ width: 100%; line-height: 28px; font-size: 14px; } /* phone btn */ #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxrightright .sellbox .buttonbox{ width: 100%; text-align: right; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxrightright .timebox .inputbox{ min-height: 80px; display: flex; flex-direction: column; /* justify-content: space-between; */ width: 50%; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxrightright .timebox .time_time{ display: none; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxrightright.phonevisible400{ width: 100%; /* 50% > 100% */ /* border-left: 1px solid #ddd; */ } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxmiddle .tuleft img{ /* width: 126px; */ width: 65px; height: 44px; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxrightright.phonevisible400 .timebox .time_time{ display: flex; width: 50%; /* 100% > 50% */ border-right: 0; min-height: 25px; /* 84px > 25px */ justify-content: flex-end; align-items: flex-end; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxrightright.phonevisible400 .timebox .time_time:nth-child(2){ border-bottom: 0; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxrightright.phone_css { /* border-top: 1px solid #ddd; */ } #product_list .content__inner .container_box .products__content .liebiao .libox .jubao { order: 3; padding-top: 3px; position: absolute; top: -93px; display: none; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxrightright .sellbox .htitle{ padding-bottom: 11px; font-size: 18px; position: absolute; top: -30px; left: -88%;/* price */ } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxrightright .timebox .inputbox .font_color_red{ position: absolute; margin-top: -15px; margin-left: 0px; } /* More Link */ #product_list .content__inner .container_box .products__content .liebiao .libox .deail_search{display: none;} /* time info */ #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxrightright .timebox .time_time .small_title{ display: none; } /* phone product pic */ #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxmiddle .tuleft .imgbox a{ width: 75px; height: 44px; } #login_createli .sellmain .registermain .xuanxiang .labelbox{ width: 100%; padding: 0 !important; } .news_list .news_listbox .news_box .news_libox .new_content .new_button,.news_list .news_listbox .news_box .news_libox .new_content .new_title,.news_list .news_listbox .news_box .news_libox .new_content .new_time{ text-align: center; } .news_list .news_listbox .news_box .news_libox .new_content .content{ -webkit-line-clamp :5; } .news_list .news_listbox .game_news{ justify-content: center; } .news_list .news_listbox .news_box .news_libox{ padding-top: 20px; flex-wrap: wrap; } .news_list .news_listbox .news_box .news_libox .news_img{ width: 100%; padding: 10px 20px 16px 20px; } .news_list .news_listbox .news_box .news_libox .news_img .imgbox{ margin: 0 auto; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxrightright .sellbox .buttonbox button{ font-size: 18px; padding: 8px 16px; width: 93%; } #product_deail .product_deailbox .deailright .rightdeailheader .boxrightright .sellbox .buttonbox button{ font-size: 15px; padding: 13px 16px; } #product_deail .product_deailbox .deailright .rightdeailheader .boxrightright .sellbox{ padding-left: 0px; display: flex; flex-direction: column; justify-content: center; width: 100%; text-align: center; } .main .recommendation .recommendationbox .recommendli .recom_textbox{ height: auto; min-width: 55%; /* add new */ } .main .recommendation .recommendationbox .recommendli .recom_img{ width: 65px; height: 65px; min-width: 65px; } .main .recommendation .recommendationbox .recommendli .level_imgbox .head_portrait_left{ max-width: calc( 100% - 104px); } .main .recommendation .recommendationbox .recommendli .level_imgbox .text_message{ padding-right: 10px; margin-right: 10px; word-break: break-all; } .home_header .language_currency .libox.login_after .denglutankuang { width: 300px; max-height: 90vh; overflow-y: auto; } #jianchan .product_search .container_box .remen_ul .remen_li{ height: 100px; } #product_deail .product_deailbox .deailright .rightdeailheader .boxrightright{ padding: 0; flex-wrap: wrap; background: transparent; justify-content: center; } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxmiddle { flex-direction: col; /* column > col */ width: 100%; /* 50px > 100px */ } #product_list .content__inner .container_box .products__content .liebiao .libox .boxright .boxrightright .timebox{ min-height: auto; border: 0; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright{ justify-content: space-between; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .zaixian,#login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .paimai{ width: 50%; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxbox{ padding: 20px 10px 0 10px; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .xiajia{ width: 100%; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .imgwenben{ flex-wrap: wrap; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .imgwenben .imgbox .wenben{ margin-bottom: 0; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .wenbenbox{ width: 100%; max-width: 100%; padding-left: 0; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .wenbenbox .wenben2,#login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .wenbenbox .h1_title,#login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .wenbenbox .wenben1,#login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .url_title{ margin-bottom: 0; } #login_guanli .sellmain .guanlideail .liebiao .liebiaoright .libox{ min-width: 114px; } .curr-name-phone-none{display: none;} } @media only screen and (min-width: 1921px){ .register_index,.main .game_new{ background-size: 100%; } } /* 2020 3-1 new Style */ /* Dropdown */ .lang-drop-wrap .dropdown-menu{ min-width: 60px!important; font-size: 12px; } .lang-drop-wrap .dropdown-menu>li>a{ padding: 3px 10px; } .lang-drop-wrap a img{ padding-right: 5px; } .lang-drop-wrap .dropdown-menu>li>a:hover{ background: #eee; color: #333; } /* Commodity evaluation */ /* Icon */ .icon-safe{fill: #46b632;} .icon-power{fill: #25bdbb;} .icon-leve{fill: #6d37bf;} .icon-gold{fill: #ffc600!important;} .icon-wing{fill: #ff9600} /* font size */ .page-font-size-lg-icon{font-size: 28px;} .page-font-size-lg{font-size: 18px;} .page-font-size-md{font-size: 14px;} .page-font-size-sm{font-size: 12px!important;} .page-font-size-title{font-size: 30px!important; font-family: 'bebas_neue'; text-align: left} /* Text Color */ .text-light{} .text-ligth-grey{color: #999;} .text-sky{color: #09c} .text-sky a{color: #f60;} .text-sky a:hover{color: #ff5a00;} .text-safe{color: #46b632;} .text-wing{color: #ff9600;} .text-danger{color: #ff3918;} .text-store a{ color: #3c9df4; } .text-store a:hover{ color: #64b6ff; } /* Text */ .text-offset-top{padding-top: 5px;} /* Button */ .btn-round{border-radius: 100px;} /* Margin */ .m-top-xs-in{ margin-top: 10px;} .m-top-md-in{ margin-top: 20px;} .m-top-lg-in{ margin-top: 40px;} .m-boot-md-in{margin-bottom: 20px;}/* margin bottom */ .wrap-margin{margin-top: 10px;} .icon-margin-right{margin-right: 5px;} /* Pic */ .picture-fillet img{border-radius: 6px;} /* Tab Nav */ .tab-navs-new{} .tab-navs-new .nav-tabs>li.active>a{ border-color: #fff; background: #fff!important; border-top: 3px solid #de2826; } .tab-navs-new .nav>li>a{ padding: 15px 30px; font-size: 16px; } .tab-navs-new .nav>li>a{background: #eee; margin-bottom: -1px;} .tab-navs-new .nav-tabs{border-bottom: 1px solid #fff;} /* Table Column sorting */ .table-column-sorting-1{order: 1;} .table-column-sorting-2{ order: 2; word-break: break-all; word-wrap: break-word; white-space: pre-wrap; } .table-column-sorting-3{order: 3;} .table-column-sorting-4{order: 4; margin-top: 10px;} /* Phone None */ .phone-none{display: none;} /* Channel */ .channel-name{width: 100%; padding: 0px 0px; font-size: 16px; font-weight: bold; margin-bottom: 12px;} .channel-name .navbar-toggle{ margin-right: 0; padding: 0; margin-top: 0; } .hr-line-top{border-top: 1px solid #eee; margin-top: 0px; padding-top: 15px;} .c-e-wrap{ top: -70px; position: relative; z-index: 499; } @media screen and (min--moz-device-pixel-ratio:0) { .c-e-wrap{ top: -70px; position: relative; z-index: 999; } } .light-bg-wrap{ background: #fff; padding: 15px; margin-bottom: 2px; border-radius: 4px; } .light-bg-wrap .card{ border: 0!important; box-shadow: none!important; padding: 0!important; } .light-bg-wrap .card .form .form-normal{ margin: 0!important; } .light-bg-wrap .card .form .card-tab{ margin-top: 4px!important; margin-bottom: 0px!important; } .light-bg-wrap .account_main{ padding-left: 0!important; } .light-bg-wrap .account_main .h1_title{ font-size: 30px!important; font-weight: 300!important; text-align: left!important; font-family: "Microsoft YaHei","Source Sans Pro",Calibri,Candara,Arial,sans-serif; line-height: 1.1; } .light-bg-wrap-s2{ background: #fff; padding: 15px 15px 0px 15px; margin-bottom: 2px; } .light-bg-wrap .block-card{ box-shadow: 0 0 3px #ccc!important; padding: 15px 20px!important; background-color: #f9f9f9!important; background-image: linear-gradient(#ffffff, #eef7f7)!important; } .light-bg-wrap .block-card .text_buttonbox{ margin-left: -8px!important; } .light-bg-wrap .remen_ul{ margin-left: -10px!important; margin-right: -10px!important; } .light-bg-wrap .remen_ul .remen_li{ border: 1px solid #e0e0e0!important; } .user-photos{ width: 100%; height: 100px; text-align: center; overflow: hidden; padding: 0px 0px 0px 0px; position: relative; } .user-photos .user-offline-dot{ width: 15px!important; height: 15px!important; z-index: 2; right: 36%; } .user-photos .user-online-dot{ width: 15px!important; height: 15px!important; z-index: 2; right: 36%; } .user-photos .pic-box{width: 100px; height: 100px; border-radius: 100px; overflow: hidden; margin: auto; background: #eee; position: relative;} .user-photos .pic-box img{width: 100px; height: 100px; margin: auto; border-radius: 200px;} .user-photos .pic-box .up-my-photo{width: 100px; height: 100px; border-radius: 100px; background: #000; position: absolute; left: 0; top: 0; text-align: center; line-height: 100px; font-size: 12px; cursor: pointer; color: #fff;filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5; display: none;} .user-photos .pic-box:hover .up-my-photo{display: block!important;} .user-photos .pic-box input{display: none; position: absolute; left: 0; line-height: 100px; z-index: 2} .user-photos .pic-box:hover input{display: block; opacity:0; z-index: 2}/* 上传显示 */ .user-info-list{margin: 0; padding: 0;} .user-info-list li{list-style-type: none; padding: 20px 0px; border-bottom: 1px solid #eee;} .user-info-list .u-name{text-align: center; padding-bottom: 15px; margin-top: -20px;} .user-info-list .icon-box-in{word-wrap: break-word; margin-left: -5px; margin-right: -5px;} .user-info-list .icon-box-in .col-xs-3{padding-left: 5px; padding-right: 5px;} .user-info-list .icon-box-in img{height: 29px; margin-bottom: 2px;} .user-info-list .icon-box-in svg{font-size: 30px!important;} .ratings-box{overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; padding-right: 0;}/* 垂直居中 */ .ratings-box .pull-right{margin-left: auto; padding-top: 3px;} .ratings-box .s-bar-icon{width: 15%;} .ratings-box .s-bar-text{width: 85%;} /**My Index 头像上传*/ #avatar_img{ display: none; position: absolute; left: 0; line-height: 110px; z-index: 2; } .imgfilebox .up-my-photo { width: 110px; height: 110px; border-radius: 100px; background: #000; position: absolute; left: 0; top: 0; text-align: center; line-height: 110px; font-size: 12px; cursor: pointer; color: #fff; filter: alpha(Opacity=50); -moz-opacity: .5; opacity: .5; display: none; } .imgfilebox:hover .up-my-photo{display: block!important;} #avatar_img{display: block; opacity:0; z-index: 2} /**My Index 头像上传 End*/ /* Table List */ .table-list-media{margin: 0; padding: 0;} .table-list-media li{ padding: 10px 0px; border-bottom: 1px solid #eee; } .table-list-media li div{ /* height: 40px; */ display: flex; flex-wrap:wrap ; align-items: center; } .table-list-media li div span{ /*width: 100%;*/ height: auto; font-size: 11px; } .table-list-media li .last-block{ justify-content: end; } .table-list-media li .text-success{ color: #31bcb4!important; } .table-list-media li .to-use-btn{ border-radius: .25rem; padding: 0 5px; background-color: #3c9df4; color: #fff; margin-left: auto; text-decoration: none; } /* Page Number */ .paging-number{} .paging-number .pagination>li>a, .pagination>li>span{ border: 0; } .paging-number .pagination>li>a, .pagination>li>span{ color: #666; } .paging-number .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{ color: #de2826; } /* Like */ .select-you-like label{margin-right: 5px;} .score-wrap div{padding-top: 5px; padding-bottom: 5px;} .score-star svg{ fill: #ccc; font-size: 18px; } .score-star svg:hover{ fill: #ffc600; font-size: 18px; } /* Feedback */ .feedback-lg .thumbnail{border: 0; padding: 0;} .feedback-lg .thumbnail .caption{padding: 0; margin-top: 0px;} /* Store */ .store-product-list{ border: 0; } .store-product-list:hover{ box-shadow: 0 0 6px #ccc; } .store-product-list .panel-body h3{ font-size: 13px; font-weight: 700; height: 40px; word-wrap: break-word; } .store-product-list .panel-body .label-default{ background: #fff!important; color: #999!important; border: 1px solid #ccc!important; border-radius: 4px!important; padding-left: 10px!important; padding-right: 10px!important; font-weight: 500!important; font-size: 12px!important; /**/ } /* Product List */ .add-boot-linepx{border-left: 1px solid #e2e2ea; margin-left: -1px;} /* New Select */ .checkbox_input .select2-hidden-accessible{ } .checkbox_input .select2-container{ } .checkbox_input .select2-container--default .select2-selection--single{ border: 1px solid #d7d7e0!important; box-shadow: inset 2px 2px 3px 0 rgba(124, 124, 143, 0.1)!important; } .checkbox_input .select2-container .select2-selection--single{ height: 42px!important; } .checkbox_input .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 40px!important; } .checkbox_input .select2-container--default .select2-selection--single .select2-selection__arrow{ height: 40px!important; } /* Reviews */ .reviews-list-wrap{} .reviews-list-wrap li svg{margin-right: 5px;} .rlw-btn-more{border: 0!important; background: none!important; color: #de2826!important;} .small-text-note{text-align: left; margin-top: 0px;} /* Star 动态的星星分数 */ .star-mask-wrap{width: 72px; height: 13px; float: right; position: relative; background: #ccc; margin-left: auto; margin-right: -10px;} .star-mask-wrap .gold-color{position: absolute; left: 0; top: 0; background: #ffc600; height: 13px; z-index: 1;} .star-mask-wrap .star-mask{position: absolute; left: 0; top: 0; width: 72px; height: 13px; z-index: 2;} .star-mask-wrap .star-mask img{width: 100%; height: 13px; vertical-align: top;} /* Phone Sell */ .phone_sell img{width: 44px;} /* Media */ @media (min-width: 576px) { /* Global */ .hr-line-top{border-top: 1px solid #eee; margin-top: 30px; padding-top: 30px;} /* BG */ .light-bg-wrap{padding: 30px;} .light-bg-wrap-s2{ background: #fff; padding: 30px; margin-bottom: 2px; } /* Phone None */ .phone-none{display: inline-table;} .wrap-margin{margin-top: 0px;} /* User */ .user-info-list li{list-style-type: none; padding: 20px 0px; border-bottom: 1px solid #eee;} /* Table Column sorting */ .table-column-sorting-1{order: initial;} .table-column-sorting-2{order: initial;} .table-column-sorting-3{order: initial;} .table-column-sorting-4{order: initial; margin-top: 0;} /* Feedback */ .feedback-lg .thumbnail .caption{margin-top: 20px;} /* User Info */ .user-info-list .u-name{text-align: left; padding-bottom: 0px; margin-top: 0;} /* Like */ .select-you-like label{margin-right: 50px;} /* Reviews */ .small-text-note{text-align: right; margin-top: 10px;} } /* 买家卖家评价管理 */ /* score */ .score-wrap-in{} .score-wrap-in .panel-default{ min-height: 285px; } .score-wrap-in .panel-title{ font-weight: bold; } .star-score-lg{font-size: 18px; color: #999;} .star-score-lg .star-mask-wrap{width: 124px; height: 22px; float: right; position: relative; background: #ccc; margin-right: 6px;} .star-score-lg .star-mask-wrap .gold-color{position: absolute; left: 0; top: 0; background: #ffc600; height: 22px; z-index: 1;} .star-score-lg .star-mask-wrap .star-mask{position: absolute; left: 0; top: 0; width: 124px; height: 22px; z-index: 2;} .star-score-lg .star-mask-wrap .star-mask img{width: 100%; height: 22px; vertical-align: top;} /* Feedback */ .list-media-head{ display: block; } .list-media-head .c-date{ justify-content: flex-end; } @media only screen and (max-width: 500px) { .list-media-head{ display: none; } } /* 评分鼠标指向星星会变成小手 */ #as_description svg{ cursor: pointer; } #delivery svg{ cursor: pointer; } #communication svg{ cursor: pointer; } /* 商品列表页的评价 不用弹性布局盒子 */ .product-list-feedback-list-wtap{} .product-list-feedback-list-wtap .page-font-size-lg-icon{ font-family: Bebas_Neue; font-size: 22px; } .product-list-feedback-list-wtap .ratings-box{flex-wrap: nowrap;} .product-list-feedback-list-wtap .star-mask-wrap{width: 124px; height: 22px; float: left; position: relative; background: #ccc; margin-top: 10px; margin-left: 10px;} .product-list-feedback-list-wtap .star-mask-wrap .gold-color{position: absolute; left: 0; top: 0; background: #ffc600; height: 22px; z-index: 1;} .product-list-feedback-list-wtap .star-mask-wrap .star-mask{position: absolute; left: 0; top: 0; width: 124px; height: 22px; z-index: 2;} .product-list-feedback-list-wtap .star-mask-wrap .star-mask img{width: 100%; height: 22px; vertical-align: top;} .product-list-feedback-list-wtap .p-l-comment-text{ color: #414245; font-size: 14px!important; width: 100%; } /* 商品列表页评价流加载插件按钮 */ .layui-flow-more{margin: 30px 0px 10px 0; text-align: center; color: #de2826; font-size: 14px;} .layui-flow-more a{ height: 32px; line-height: 32px; } .layui-flow-more a *{display: inline-block; vertical-align: top;} .layui-flow-more a cite{padding: 0 20px; border-radius: 3px; background-color: #fff; color: #de2826; font-style: normal;} .layui-flow-more a cite:hover{opacity: 0.8; background: #de2826; color: #fff;} .layui-flow-more a i{font-size: 30px; color: #fff;} /* 会员新样式 20203月份 */ /* Bootstrap */ .breadcrumb>.active{ color: #c5c3f1; } /* Global */ /* Disable */ .disable-in{ pointer-events: none!important; opacity: 0.5!important; } /* Button */ .outline-btn-comm{ border: 1px solid #fb471d; background: #fff; color: #fb471d; margin-left: 10px; border-radius: 5px; } .outline-btn-comm:hover{ border: 1px solid #fb471d; background: #fb471d; color: #fff; } .outline-btn-comm2{ border: 1px solid #fb471d!important; background: #fff!important; color: #fb471d!important; border-radius: 5px!important; } .outline-btn-comm2:hover{ border: 1px solid #fb471d!important; background: #fb471d!important; color: #fff!important; } /* Icon */ .icon-big-in{ font-size: 26px; } .icon-mark-for-usermemu{ fill: #65696e; margin-top: 2px; font-size: 14px; } /* Margin Top */ .m-top-px15{margin-top: 15px;} .m-top-px30{margin-top: 30px;} .m-top-px50{margin-top: 50px;} .m-top-px60{margin-top: 60px;} /* Margin Bottom */ .m-boot-px30{margin-bottom: 30px;} .m-boot-px50{margin-bottom: 50px;} /* Padding */ .pd-top-px30{padding-top: 30px;} /* border bottom */ .boot-line-in{ border-bottom: 1px solid #e0e0e0; } /* 表单只在手机有间距 */ .phone-input-margin-boot{margin-bottom: 0;} /* Alert */ .new-alert{ padding: 2px 5px; border-radius: 3px; border: 1px solid #fff7d1; background: #fff9de; color: #c9820b; } .new-alert .special-info{ font-size: 14px; color: #d32109; } .alert-new-info{ background: #e5f1f7!important; border: 1px solid #cce9ef!important; color: #3a657b!important; } .alert-new-info a{ color: #e1251b; } .alert-new-info a:hover{ color: #ff2e2e; } /* Breadcrumb */ .breadcrumb-nav{ /* background: #f5f5f5; border-top: 1px solid #eee; */ background: rgba(179, 169, 199, 0.35); } .breadcrumb-nav .breadcrumb{ margin-top: 0px; margin-bottom: 0px; background: none; padding: 10px 0; } .breadcrumb-nav .breadcrumb a{ color: #7d7d88; } .breadcrumb-nav .banntext{ font-size: 12px; font-weight: bold; color: #a2a2b0; float: right; padding-top: 10px; text-transform: uppercase; display: none; } .breadcrumb-nav .breadcrumb>.active{ color: #7d7d88; } /* 会员登入后下拉菜单 */ /* Top Bar Chat */ .gd-chat-icon{ fill: #28a1ee; font-size: 21px; margin-top: 2px; } .yh-account-icon{ font-size: 18px; } .dd-chat-icon{ fill: #22b8c1; font-size: 21px; } /* 用户名只在手机模式下显示 */ .just-phone-show-name{ display: none; } /* Level */ .db-drop-down-level{} .db-drop-down-level .tubox{padding: 0 0 0 8px!important;} .db-drop-down-level .imgboxdengji{ margin-top: 10px; margin-left: 5px; } /* Balance */ .db-drop-down-balance{ padding-top: 10px; height: 45px!important; } .db-drop-down-balance span{ display: inline-block; } .db-drop-down-balance span small{ position: absolute; top: 9px; } .db-drop-down-balance span i{ font-size: 11px; } /**/ .db-drop-down-menu{ border-top: 0px solid #eee; padding-top: 10px; margin-top: 0px; } .db-drop-down-menu .panel{ border: 0; box-shadow: none; } .db-drop-down-menu .panel-default>.panel-heading{ background: none; padding: 0; } .db-drop-down-menu .panel-title{ font-size: 12px; font-weight: 600; } .db-drop-down-menu .panel-title a{ display: block; padding: 8px 15px; } .db-drop-down-menu .panel-title a:hover{ color: #e1251b; } .db-drop-down-menu .panel-title a svg{ font-size: 17px!important; vertical-align: -0.25em; margin-right: 5px; color: #aaaaaa; } .db-drop-down-menu .panel-title a:hover svg{ color: #e1251b; } .db-drop-down-menu .panel-body{ padding: 0; background: #f8f8f8; } .db-drop-down-menu .panel-body ul{} .db-drop-down-menu .panel-body ul li{ padding: 0px; } .db-drop-down-menu .panel-body ul li a{ color: #65696e; display: block; padding: 15px 10px 15px 38px; border-bottom: 1px solid #eee; } .db-drop-down-menu .panel-body ul li a:hover{ background: #eee; color: #333; } .db-drop-down-menu .panel-body ul li a svg{ font-size: 8px; vertical-align: 0em; } /* 会员中心首页仪表盘 */ .my-home-top-wrap{} .my-home-top-wrap .complete_price .libox{ background: none!important; padding: 0!important; } .my-home-top-wrap .complete_price .libox .price_count{ color: #fff!important; } .my-home-top-wrap .complete_price .libox .price_name{ color: #fff!important; } .m-h-t-w-none-padding{ padding-left: 0!important; padding-right: 0!important; } /* My Index */ /* Tips Bar */ .tips-bar-wrap{ width: 100%; height: 65px; background: #ecebf2; text-align: center; color: #666; } .tips-bar-wrap::before{ display: inline-block; content: ""; height: 100%; vertical-align: middle; } /* Dashborad Home */ .waterfall{ column-count: 4; column-gap: 0; } .wate-column { break-inside: avoid; padding: 5px 15px; } .my-dashboard{ margin-bottom: 10px; } .my-dashboard .panel-body{ padding: 0; } .my-dashboard .panel-default{ border: 0; border-radius: .25rem; overflow: hidden; } .my-dashboard .panel-default:hover{ box-shadow: 0px 0px 10px #e8e8ef; } .my-dashboard .panel-default>.panel-heading{ background-color: #fff; border-color: #ebebf0; padding: 12px 15px; } .my-dashboard .panel-title{ font-size: 22px; font-weight: 540; font-family: 'bebas_neue'; } .my-dashboard .panel-title button{ margin: 0; } .my-dashboard .navbar-collapse{ padding: 0; } .my-dashboard .navbar-collapse.in{ overflow-y: hidden; } .span_minus:before{ content: "－"; } .span_plus:before{ content: "+"; } .my-dashboard .dash-menu{ margin: 0; padding: 0; } .my-dashboard .dash-menu li{ /*padding: 19px 35px;*/ /*border-bottom: 1px solid #f8f8f8;*/ /*margin-bottom: -2px;*/ font-size: 14px; } .my-dashboard .dash-menu li:hover{ background: #faf9f9; } .my-dashboard .dash-menu li a{ padding: 19px 35px; border-bottom: 1px solid #f8f8f8; margin-bottom: -2px; color: #65696e; display: block; } .my-dashboard .dash-menu li a:hover{ color: #424247; } /* Channel ICON */ /* Arrow Right */ .my-dashboard .icon-in-arrow-r{ fill:#ababab; font-size: 8px; vertical-align: 0em; } /* Icon Orders */ .my-dashboard .icon-in-order{ fill:#fcb902; font-size: 30px; vertical-align: -0.27em; } /* Icon Account */ .my-dashboard .icon-in-account{ fill:#349ff8; font-size: 30px; vertical-align: -0.27em; } /* Icon Payment */ .my-dashboard .icon-in-payment{ fill:#ff544c; font-size: 29px; vertical-align: -0.27em; } /* Icon Offers */ .my-dashboard .icon-in-offers{ fill:#ff544c; font-size: 29px; vertical-align: -0.27em; } /* Icon Comments */ .my-dashboard .icon-in-comments{ fill:#18beb5; font-size: 29px; vertical-align: -0.27em; } /* Icon Coupon */ .my-dashboard .icon-in-coupon{ fill:#ff544c; font-size: 30px; vertical-align: -0.27em; } .my-dashboard .icon-in-credits{ fill: #f29d31; font-size: 30px; vertical-align: -0.27em; } .my-dashboard .icon-in-uni{ fill: #8dbd19; font-size: 30px; vertical-align: -0.27em; } .my-dashboard .icon-in-stocknew{ fill: #a64cb4; font-size: 30px; vertical-align: -0.27em; } /* @@@@@@@@@@@@@@@@内页的侧边栏的仪表盘菜单@@@@@@@@@@@@@@@@@ */ .my-dashboard-sidebar{ } .my-dashboard-sidebar .panel-group .panel-heading+.panel-collapse>.panel-body, .panel-group .panel-heading+.panel-collapse>.list-group{ border-top: 0; } .my-dashboard-sidebar .panel{ margin-bottom: 5px; } .my-dashboard-sidebar .panel-default{ border: 0; } .my-dashboard-sidebar .panel-default:hover{ } .my-dashboard-sidebar .panel-default>.panel-heading{ background-color: #fff; border-color: #ebebf0; /* padding: 12px 15px; */ padding: 0; } .my-dashboard-sidebar .panel-default>.panel-heading a{ display: block; padding: 12px 15px; } .my-dashboard-sidebar .panel-default>.panel-heading a:hover{ background: #e1251b; color: #fff; } .my-dashboard-sidebar .panel-default>.panel-heading a:hover svg{ fill: #fff; } .my-dashboard-sidebar .panel-title{ font-size: 16px; font-weight: 540; font-family: 'Goth'!important; } .my-dashboard-sidebar .panel-title a{ display: block; } .my-dashboard-sidebar .panel-title .arrow-down{ float: right; font-size: 9px; margin-top: 9px; fill: #dbdbe1; } .my-dashboard-sidebar .panel-title svg{ margin-right: 5px; /* 图标右边空隙5PX */ } .my-dashboard-sidebar .dash-menu{ margin: 0; padding: 0; } .my-dashboard-sidebar .dash-menu li{ /*padding: 19px 37px; border-bottom: 1px solid #f8f8f8; margin-bottom: -2px;*/ font-size: 14px; } .my-dashboard-sidebar .dash-menu li:hover{ background: #faf9f9; } .my-dashboard-sidebar .dash-menu li a{ color: #65696e; padding: 18px 37px; border-bottom: 1px solid #f8f8f8; margin-bottom: -2px; display: block; } .my-dashboard-sidebar .dash-menu li a:hover{ color: #424247; } .my-dashboard-sidebar .dash-menu li .active{ background: #eeecf0; color: #333; border-bottom: 1px solid #eee; } .my-dashboard-sidebar .dash-menu li .active .icon{ fill: #dd2925; } /* Channel ICON */ /* Arrow Right */ .my-dashboard-sidebar .icon-in-arrow-r{ fill:#ababab; font-size: 8px; vertical-align: .1em; } /* Icon Orders */ .my-dashboard-sidebar .icon-in-order{ fill:#fcb902; font-size: 25px; vertical-align: -0.25em; } /* Icon Account */ .my-dashboard-sidebar .icon-in-account{ fill:#349ff8; font-size: 25px; vertical-align: -0.25em; } /* User Vertify */ .my-dashboard-sidebar .icon-in-u-v{ fill:#12c789; font-size: 25px; vertical-align: -0.25em; } /* Icon Payment */ .my-dashboard-sidebar .icon-in-payment{ fill:#ff544c; font-size: 24px; vertical-align: -0.25em; } /* Icon Offers */ .my-dashboard-sidebar .icon-in-offers{ fill:#ff544c; font-size: 24px; vertical-align: -0.25em; } /* Icon Comments */ .my-dashboard-sidebar .icon-in-comments{ fill:#18beb5; font-size: 24px; vertical-align: -0.25em; } /* Icon Coupon */ .my-dashboard-sidebar .icon-in-coupon{ fill:#ff544c; font-size: 25px; vertical-align: -0.25em; } /* Icon Cash */ .my-dashboard-sidebar .icon-in-credits{ fill:#f29d31; font-size: 25px; vertical-align: -0.25em; } /* Icon Uni */ .my-dashboard-sidebar .icon-in-uni{ fill:#8dbd19; font-size: 25px; vertical-align: -0.25em; } /* 改变侧边栏菜单聚焦状态下的颜色 */ .my-dashboard-sidebar .focus-in-color{ background: #e1251b!important; color: #fff!important; } .my-dashboard-sidebar .focus-in-color svg{ fill: #fff!important; } .my-dashboard-sidebar .panel-body{ padding: 0; } /* 会员页面主体 */ .my-dashboard-main{ margin-bottom: 50px; } .my-dashboard-main .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{ border-top: 2px solid #e1251b; font-weight: bold; color: #e1251b; } .my-dashboard-main .coupon-code-text{ color: #000; margin-left: 2px;/* 5px -- 2px */ font-size: 12px; border: 1px dashed #666; border-radius: 0.25rem 0 0 .25rem; padding: 0 5px; /*cursor: pointer;*/ } .my-dashboard-main .coupon-code-text:hover{ /*text-decoration: underline;*/ } .table-list-media .copycontent{ background-color: #31bcb4!important; border-color: #31bcb4!important; border-radius: 0 0.25rem 0.25rem 0; padding: 0 5px; } /* 分页数字 */ .my-dashboard-main .pagination>li>a, .pagination>li>span{ border: 0!important; } /* 评分星星 */ .my-dashboard-main .ratings-box{/*height: 32px; overflow: hidden;*/ display: flex; flex-wrap: wrap; align-items: center;}/* 垂直居中 */ .my-dashboard-main .ratings-box .pull-right{margin-left: auto; padding-top: 3px;} .my-dashboard-main .star-mask-wrap{right: -10px;} @media only screen and (max-width: 399px) { /* Global */ .pd-top-px30{padding-top: 0px;} .my-dashboard-main .star-mask-wrap{right: 0px;} } /* 定制主页 */ /* Edit Logo */ .diy-my-page-wrap{} .diy-my-page-wrap .edit-logo-box{ width: 200px; height: 200px; background: #ededf1 url("../images/edit-bg-pic.png") center no-repeat; position: relative; overflow: hidden; } .diy-my-page-wrap .edit-logo-box img{ width: 100%; } .diy-my-page-wrap .edit-logo-box .btn-in{ width: 100%; position: absolute; left: 0; bottom: 0; z-index: 2; } .diy-my-page-wrap .edit-logo-box .click-in{ width: 200px; height: 200px; display: block; position: absolute; left: 0; top: 0; z-index: 3; opacity: 0; } .diy-my-page-wrap .edit-ban-box{ width: 100%; height: 200px; background: #ededf1 url("../images/edit-bg-pic.png") center no-repeat; position: relative; overflow: hidden; } .diy-my-page-wrap .edit-ban-box img{ width: 100%; } .diy-my-page-wrap .edit-ban-box .btn-in{ position: absolute; left: 0; bottom: 0; z-index: 2; } .diy-my-page-wrap .edit-ban-box .click-in{ width: 100%; height: 200px; display: block; position: absolute; left: 0; top: 0; z-index: 3; opacity: 0; } /* 模态框里的Select2 2020323 这个放在页面里面了 */ .add-counpon-box{} .add-counpon-box .select2-container--default{ min-width: 100%; max-width: 100%; margin: 0px 0; font-size: 14px; text-align: left; } .add-counpon-box .select2-container--default .select2-selection--single{ border-radius: 0; border-color: #ccc; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); height: 38px; } .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 36px; } .select2-container--default .select2-selection--single .select2-selection__arrow{ height: 36px; } .select2-dropdown{ border-color: #ccc!important; } .datetimepicker{margin-top: -30px;} /* 注册会员填写信息 */ .position-rel{ position: relative; margin-bottom: 30px; } .register-info-wrap{} .register-info-wrap input{ padding-top: 1px!important; padding-bottom: 1px!important; padding-left: 30px!important; border-radius: 2px!important; } .register-info-wrap select{ appearance: none; -webkit-appearance: none; padding-left: 30px; margin-top: 30px; border-radius: 4px; } .form-in-icon{ position: absolute; left: 11px; top: 11px; font-size: 16px; color: #999; } .form-in-icon-2{ position: absolute; left: 24px; top: 12px; font-size: 16px; color: #999; } /* Step 123 */ .step-wrap-in{ width: 100%; height: 80px; position: relative; } .step-wrap-in .border-line{ width: 100%; height: 2px; border-radius: 10px; background: #e1e1e8; position: absolute; left: 0; top: 25px; z-index: 1; display: none; } .step-wrap-in .border-line-color{ position: absolute; z-index: 2; top: 25px; left: 0; height: 2px; border-radius: 10px; background: #11c5b2; display: none; } .step-wrap-in .step-line{ width: 100%; height: 80px; position: absolute; left: 0; top: 0; font-size: 14px; font-weight: bold; color: #999; z-index: 2; } .step-wrap-in .step-line .row .col-xs-2{ padding-left: 0; padding-right: 0; } .step-wrap-in .step-line svg{ font-size: 33px; vertical-align: -0.33em; /*width: 20%;*/ background: #f7f7fa; } .step-wrap-in .step-line a{ padding: 10px; background: none; display: flex; align-items: center; text-align: left; position: relative; } .step-wrap-in .active{ color: #11c5b2!important; } .step-wrap-in .step-line a::after{ content: ''; width: 100%; height: 2px; background-color: #e1e1e8; z-index: -1; position: absolute; } .step-wrap-in .step-line .row .col-xs-2:last-child a::after{ display: none; } .step-wrap-in .active::after{ background-color: #11c5b2!important; } /* User Page Style */ #left-collapse-2{ text-transform: capitalize; } #left-collapse-2 svg{ margin-right: 5px; } #left-collapse-3{ text-transform: capitalize; } #left-collapse-3 svg{ margin-right: 5px; } /* 网站前台页面的面包屑导航 半透明 放在有些页面BANNER里面-- */ .site-b-menu{ width: 100%; height: 35px; background: rgba(0,0,0,0.3); position: relative; left: 0; top: 0; } .site-b-menu .breadcrumb{ background: none; margin-top: 2px; margin-bottom: 0px; padding: 8px 0; white-space: nowrap; overflow: hidden; } .site-b-menu .breadcrumb li a{ color: #ccc; } .site-b-menu .breadcrumb .active a{ color: #fff; font-family: 'Gothbold'; font-weight: bold; } .site-b-menu .breadcrumb .active a:hover{ color: #fc0f3f; } .site-b-menu-nop{ width: 100%; height: 35px; /*background: rgba(179, 169, 199, 0.2);*/ background: rgba(179,169,199,.35); position: relative; left: 0; top: 0; } .site-b-menu-nop .breadcrumb{ background: none; margin-top: 2px; margin-bottom: 0px; padding: 8px 0; white-space: nowrap; overflow: hidden; } .site-b-menu-nop .breadcrumb li a{ color: #787b80; } .site-b-menu-nop .breadcrumb>.active{ color: #787b80; } /* 手机版二级菜单加个返回按钮 */ .go-fl-back{ padding: 15px 19px 15px 55px; background: #666 url("../images/backarrow2.png")no-repeat 21px 16px; background-size: 20px; color: #fff; display: block; font-size: 14px; font-weight: 600; display: none; } .go-fl-back:hover{ color: #fff; } /* 右上角用户包含走的信息金额 */ .right-top-info-box{ margin-top: 17px; margin-left: -1px; font-family: 'bebas_neue'; letter-spacing: 1px; } /* userCenter/index 联系方式提示 */ .border-none-in{ border: 0!important; box-shadow: none!important; } .lxfs-wrap{ border: 1px solid #d7d7e0; box-shadow: inset 2px 2px 3px 0 rgba(124, 124, 143, 0.1); border-radius: 4px; } .lxfs-wrap .imgbox{ margin-top: 1px; margin-left: 1px; } .lxfs-tips label{ padding-left: 15px; } .lxfs-tips input{ margin: 0 0 0 -14px!important; width: auto!important; height: 20px!important; } /* SELL ORDER激活状态 */ .nsh-in .active{ background: #e1251b!important; border-color: #e1251b!important; color: #fff!important; } .nsh-in .active a:hover{ color: #fff!important; } .nsh-in .libox{ padding-left: 0!important; padding-right: 0!important; } .nsh-in .libox a{ display: block; width: 100%; text-align: center; padding-left: 8px!important; padding-right: 8px!important; } .nsh-in .libox:hover{ background: #e1251b!important; border-color: #e1251b!important; color: #fff!important; } .nsh-in .libox a:hover{ color: #fff!important; } .special-tips-in input{ border-color: #e1251b!important; } .special-tips-in small{ color: #e1251b!important; } /* 翻页数字 */ .page-number-border-none a:focus{ background: #f8f8f8!important; } .page-number-border-none .page-link{ border: none!important; } /* 游戏商品分类菜单 */ .relativeLinks{ padding-top: 5px; flex-wrap: wrap; position: absolute;/* 新加的 */ bottom: 0;/* 新加的 */ } .relativeLinks .game-product-menu{ font-size: 12px; /* border: 1px solid #fff; */ color: #fff; /* border-radius: 3px; */ margin-right: 2px; padding: 4px 8px 2px 8px; /* New */ background: rgba(0,0,0,0.6); color:#bcb9e2; border-radius: 3px 3px 0px 0px; } .relativeLinks .game-product-menu:hover{ border-color: #e0251a; background: #e0251a; color: #fff; } .relativeLinks .active{ border-color: #e0251a!important; background: #e0251a!important; color: #fff!important; } /* 面包屑判断某些页面是否显示 */ .breadhidden{ border-bottom: 2px solid #e1251b; } .breadhidden .site-b-menu{ display: block; } .breadhidden .banner__content{ /*top: calc( 50% - 30px )!important;*/ } /* Create Listing 页面游戏详情切换 */ .page-p-d-wrap{} .page-p-d-wrap .nav-tabs{ margin-left: 60px; } /*.page-p-d-wrap .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{ background: #e1251b; border-color: #e1251b; color: #fff; font-weight: normal; }*/ .page-p-d-wrap .nav-tabs>li>a{ border-radius: 4px 4px 0px 0px; background: #e0e0e0; } .page-p-d-wrap .nav-tabs>li>a:hover{ font-weight: normal; } /* 扫码支付 */ .qrcode_show_wrap{} .qrcode_show_wrap .modal-content{ border-radius: 4px!important; } .qrcode_show_wrap .modal-content .modal-header h4{ font-size: 14px; text-align: center; } .qrcode_show_wrap .modal-header .close{ position: absolute; right: 5px; top: 2px; } .qrcode_show_wrap .modal-dialog{ margin: 100px auto; } .qrcode_show_wrap .modal-body{ min-height: 290px; } /* 分页带搜索 */ .page-num-line-group .pagination>li>a, .pagination>li>span{ float: none; } .page-num-line-group #login_guanli .pagination li span, #login_guanli .pagination li a{ /* border: 1px solid #ddd!important; */ } .page-num-line-group .btn-primary{ font-size: 12px!important; padding: 1px 6px!important; } .page-num-line-group input{ width: 40px; line-height: 25px; } /* 优惠券搜索 */ .m-c-l-s-wrap{ padding-left: 0; padding-right: 0; border-bottom: 1px solid #ddd; height: 40px; } .m-c-l-s-wrap .select2-container{ width: 100%!important; } .m-c-l-s-wrap .select2-container--default .select2-selection--single{ border-color: #b2b2b8; } .m-c-l-s-wrap .select2-container .select2-selection--single{ height: 35px; } .m-c-l-s-wrap .form-group{ margin-bottom: 9px; } .m-c-l-s-wrap .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 33px; } .m-c-l-s-wrap .select2-container--default .select2-selection--single .select2-selection__arrow{ height: 33px; } .m-c-l-s-wrap .searchbox { width: 100%; margin-right: 10px; position: relative; height: 35px; margin-bottom: 4px; } .m-c-l-s-wrap .searchbox input { width: 100%; height: 100%; border-radius: 6px; border: 1px solid #B2B2B8; padding: 0 35px 0 10px; font-size: 12px; } .m-c-l-s-wrap .searchbox .sousuo { position: absolute; right: 0; color: #B2B2B8; top: 0; height: 35px; width: 35px; text-align: center; cursor: pointer; } .m-c-l-s-wrap .searchbox .sousuo button{ border: 0; background: transparent; } /* manageList 商品图片可编辑 */ #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .imgwenben .imgbox .imgtu .edit-product-pic{ width: 140px; height: 104px; background: #000; position: absolute; left: 0; top: 0; text-align: center; line-height: 104px; font-size: 12px; cursor: pointer; color: #fff; filter:alpha(Opacity=50); -moz-opacity:0.5; opacity: 0.5; display: none; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .imgwenben .imgbox .imgtu:hover .edit-product-pic{ display: block!important; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .imgwenben .imgbox .imgtu input{ display: none; position: absolute; left: 0; width: 140px; height: 104px; line-height: 104px; z-index: 2 } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .imgwenben .imgbox .imgtu:hover input{ display: block; opacity:0; z-index: 2 }/* 上传显示 */ /* Create Listing页面 A-Z筛选 */ .a-z-letter-select .btn-default{ position: absolute; top: 5px; right: 5px; padding-top: 2px; padding-bottom: 2px; border-radius: 0 3px 3px 0px; background: #f8f8f8!important; border-left: 1px solid #ddd!important; color: #333!important; border-right: 1px solid #f8f8f8!important; border-top: 1px solid #f8f8f8!important; border-bottom: 1px solid #f8f8f8!important; } .a-z-letter-select .searchtankuang{ border-left: 1px solid #ddd; border-radius: 0px 0px 4px 4px; overflow: hidden; margin-top: -3px; padding-top: 3px; } .a-z-letter-select table{ width: 100%; } .a-z-letter-select table td{ width: 7.14%; text-align: center; font-size: 12px; border-right: 1px solid #e6e9ef; border-bottom: 1px solid #e6e9ef; } .a-z-letter-select table td a{ display: block; width: 100%; height: 20px; line-height: 20px; color: #e1251b; } .a-z-letter-select .you{ /*color: #e1251b;*/ } .a-z-letter-select .active{ background: #f8f8f8!important; font-weight: 700; } /* 只在PC端显示元素 */ .only-pc-show-in{ display: initial; } /* 商品列表页的搜索 */ .catpage-srarch{ width: 260px; position: relative; margin-left: auto; margin-bottom: 20px; } .catpage-srarch .inputtext{ height: 40px; width: 100%; border: 1px solid #e0e0e0; border-radius: 4px; } .catpage-srarch .searchtubox{ position: absolute; right: 0; top: 0; text-align: center; width: 40px; height: 40px; line-height: 40px; cursor: pointer; } /* 产品列表页的子菜单 */ .sub-pic-menu-wrap{ margin: 0; padding: 0; } .sub-pic-menu-wrap li{ float: left; /*width: 10.089%;*/ width: 10%; list-style-type: none; position: relative; margin-right: -1px; margin-top: -1px; } .sub-pic-menu-wrap li a{ display: block; padding: 10px 10px 5px 10px; border: 1px solid #e0e0e0; width: 100%; text-align: center; position: relative; margin-left: -1px; height: 90px; max-height: 90px; overflow: hidden; cursor: pointer; line-height: 12px; font-size: 11px!important; transform: scale(); } .sub-pic-menu-wrap li a span{ position: absolute; width: 1.5rem; height: 1.5rem; top: 5px; right: 5px; display: none; background: #e1251b; color: #fff; border-radius: 50px; } .sub-pic-menu-wrap li a span svg{ font-size: 1.5rem; } .sub-pic-menu-wrap li a:hover{ border: 1px solid #e1251b; color: #e1251b; z-index: 2; } .sub-pic-menu-wrap li a img{ width: 3.5rem; display: inline-block; margin-bottom: 5px; } .sub-pic-menu-wrap .active a{ border: 1px solid #e1251b!important; background: #f9f6f0; /*color: #e1251b;*/ z-index: 2; } .sub-pic-menu-wrap .active a span{ display: inline-block!important; } /* 子分类面包屑 */ .sub-e-bnav { padding: 10px 0; position: relative; } .sub-e-bnav span { margin-right: 10px; } .sub-e-bnav span.shou { font-size: 15px; font-weight: bold; } /* 下拉箭头 */ .sub-pic-menu-wrap .glyphicon-menu-down:before{ position: absolute; right: 6px; top: 6px; } .sub-pic-menu-wrap .glyphicon{ top: 0; } .sub-pic-menu-wrap .text-center{ border-left: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; height: 90px; max-height: 90px; color: #9292a1; cursor: pointer; } .sub-pic-menu-wrap .text-center:hover{ background: #f7f7fa; color: #555560; } .sub-pic-menu-wrap .text-center .imgbox span{ font-size: 3rem; margin-top: 15px; } .s-a-d-wrap-in{ width: 100%; height: 30px; background: #fff url("../images/arrowbg.gif") center top no-repeat; margin-left: -2px; margin-bottom: -20px; } .subcat-arrow-down{ border: 0; padding: 0; color: #fff; /*float: right;*/ /*margin-right: 1px;*/ position: absolute; left: 50%; margin-left: -12px; top: 4px; background: none; } .subcat-arrow-down img{ width: 22px; } /* 分类切换的时候不闪 */ #categoryShow0{ display:block; } .listhide{ display: none; } .sub-pic-menu-wrap li:nth-child(n+11){ display: none; } .cat-just-show{ display: block!important; } .cat-just-hidden{ display: none!important; } /* @@@@@@@@@@@@@@@ 20205 新版商品列表页排列 @@@@@@@@@@@@@@ */ .product-list-rows{ background: #fff; border: 1px solid #efeff4; border-radius: 3px; padding: 0px; /*box-shadow: 0 2px 5px #eaeaef;*/ /*margin-bottom: 10px;*/ font-family: 'Goth_pro'; } .product-list-rows:hover{ background-color: #fff; } .product-list-rows:hover .media .media-left .picbox-wrap{ background-color: #fff; } .product-list-rows .btn-danger{ border-color: #ec3a2f; background: #ec3a2f; font-weight: 700; text-transform: uppercase; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; border-radius: .4rem!important; padding-top: 7px; padding-bottom: 7px; margin-top: 2px; font-family: Bebas_Neue; font-size: 20px; min-width: 160px; background: -webkit-linear-gradient(right,#ff542e,#f5422f); background: -o-linear-gradient(right,#ff542e,#f5422f); background: -moz-linear-gradient(right,#ff542e,#f5422f); background: -mos-linear-gradient(right,#ff542e,#f5422f); background: linear-gradient(right,#ff542e,#f5422f); border: 0; box-shadow: 0 0 15px #ffddd6; } .product-list-rows .btn-danger:hover{ background: -webkit-linear-gradient(right,#ff3f14,#e82814); background: -o-linear-gradient(right,#ff3f14,#e82814); background: -moz-linear-gradient(right,#ff3f14,#e82814); background: -mos-linear-gradient(right,#ff3f14,#e82814); background: linear-gradient(right,#ff3f14,#e82814); border: 0; } .product-list-rows .jubao{ position: absolute; left: 35px; bottom: 10px; z-index: 99999; } .product-list-rows .complain-this-product{ color: #9291a0; } .product-list-rows .media .media-left .picbox-wrap{ width: 120px; height: 82px; border: 1px solid #eee; border-radius: 4px; overflow: hidden; background: url("../images/z2uiconbg.png") no-repeat center; } .product-list-rows .media .media-left .picbox-wrap:hover{ background: url("../images/z2uiconbg.png") no-repeat center; } .product-list-rows .media .media-left .picbox{ width: 120px; height: 82px; display: table-cell; vertical-align: middle; text-align: center; } .product-list-rows .media .media-left .picbox img{ vertical-align:middle; max-width: 120px; max-height: 75px; } .product-list-rows .media .media-left .product-photo{ /*width: 100px;*/ /*max-width: 120px;*/ /*border-radius: .4rem;*/ } .product-list-rows .media .media-left .user-photo{ /*width: 100px;*/ max-width: 35px; width: 35px; height: auto; border-radius: 5px; /*border: 1px solid #e0e0e0;*/ } .product-list-rows .media .media-body .imgboxdengji{ position: relative; width: 18px; top: -9px; } .product-list-rows .media .media-body .imgboxdengji img{ width: 18px; } .product-list-rows .media .media-body .user-level-icon{ max-width: 18px; margin-top: -16px; } .product-list-rows .media .media-body .media-heading .user-name{ width: 130px; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .product-list-rows .media .media-body .media-heading .certified-icon{ color: #2eda92; font-size: 1.4rem; vertical-align: -0.1em; line-height: normal; margin-left: 5px; margin-right: 5px; } .product-list-rows .media .media-body .media-heading .chat-icon{ color: #00ADF6; font-size: 1.5rem; vertical-align: 0em; line-height: normal; } .product-list-rows .media .media-body .media-heading .chat-icon:hover{ color: #0d77f5; } .product-list-rows .media .media-body .media-heading a:hover{ color: #e1251b; } .product-list-rows .media .media-body p{ font-size: 14px; font-weight: 600; line-height: 16px; } .product-list-rows .product-idnumber{ font-size: 14px; } .product-list-rows .media .attribute{ margin: 0; padding: 0; width: 100%; max-width: 100%; max-height: 80px; font-size: 13px; overflow: hidden; /*display: table-cell;*/ /*padding-top: 5px;*/ } .product-list-rows .media .attribute li{ width: 100%; float: left; color: #9292a1; } .product-list-rows .media .attribute li span{ width: 30%; display: inline-block; float: left; } .product-list-rows .media .attribute li span:nth-child(2){ width: 70%; display: inline-block; float: left; color: #414245; } /* UL 选择器 */ .product-list-rows .media .attribute li:nth-child(2){ } .product-list-rows .more-btn{ display: inline-block; margin-top: 5px; color: #e1251b; background: none; border: 0; padding: 0; } .product-list-rows .more-btn svg{ font-size: 8px; vertical-align: -0.1em; } .product-list-rows .more-chick-show-in{ padding-left: 145px; /*margin-top: -5px;*/ } .product-list-rows .well{ border-radius: .4rem; background: #565568; border: 0; box-shadow: none; color: #b9b8c9; overflow: hidden; white-space: pre-wrap; word-break: break-all; margin-left: 20px; margin-right: 20px; padding-top: 10px; position: relative; } .product-list-rows .well .p-p-l-t-box-in{ margin-top: 0!important; box-shadow: none!important; background: none!important; padding: 0!important; margin-bottom: 0!important; } .product-list-rows .media .media-body .well .text-warning{ color: #fda62e; } .product-list-rows .media .media-body .well a{ color: #e83c30; } .product-list-rows .media .media-body .well p{ margin-top: 10px; margin-bottom: 10px; } /* 星星 */ .product-list-rows .user-stars{ width: 100%; height: 43px; padding-top: 20px; } .product-list-rows .user-stars .u-info{ margin: 0; padding: 0; } .product-list-rows .user-stars .u-info li{ float: left; margin-right: 20px; } .product-list-rows .user-stars .u-info li .zan{ color: #fcc401; vertical-align: -0.1em; } .product-list-rows .user-stars .star-mask-wrap{ float: left; margin-left: 0; margin-right: 5px; } /* 商品信息包括输入框 */ .product-list-rows .this-product-info{ width: 100%; height: 25px; font-size: 1.1rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .product-list-rows .this-product-info .icon-size-md{ font-size: 16px; vertical-align: -0.25em; } .product-list-rows .thisinputbox{ width: 160px; position: relative; } .product-list-rows .thisinputbox input{ border-radius: .4rem; height: 41px; margin-bottom: 5px; max-width: 100%; text-align: center; background: #fff; border: 1px solid #d7d7e0; color: #525257; font-size: 13px; box-shadow: inset 2px 2px 3px 0px rgba(124,124,143,0.1); } .product-list-rows .light-grey-text{ color: #9292a1; } /* 商品价格 */ .product-list-rows .productprice{ font-size: 32px; font-family: Bebas_Neue; font-weight: 700; display: inline-block; text-align: center; padding-top: 10px; padding-bottom: 4px; } /* 购物车图标 */ .show-cart-icon svg{ display: none; } /* 提示用户可以左右滑动 */ .this-touch-l-r{ display: none; } /* 订单页面按钮间距 */ /* 问题单 */ .wentidan{ position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; background: rgba(0, 0, 0, 0.6); z-index: 1000; display: none; } .wentidan .motaikuangbody{ height: 325px!important; } .wentidan-wrap{} .wentidan-wrap .form-control{ border-radius:4px; -webkit-border-radius:4px; -moz-border-radius :4px; border-color: #929295; } .wentidan-wrap button{ border-radius: 100px; margin-top: 20px; background: #e25455; border-color: #e25455; } .wtd-icon-in{ font-size: 20px; vertical-align: -0.3em; } /* 没有商品图时候的属性样式 */ .two_pro .media .attribute li span{ width: 30%; } .two_pro .media .attribute li span:nth-child(2){ width: 70%; } .two_pro .more-chick-show-in{} .level-move-right-top{ width: 130px; } /* 商品列表每个商品底部MARGIN */ .p-r-list-boot-px10{ margin-bottom: 10px; } /* 购物车 新 */ .shopping-cart-wrap{ padding: 20px 20px 0px 20px; } .shopping-cart-wrap .clear-btn-wrapin{ width: 100%; padding: 15px; margin-top: 22px; } .shopping-cart-wrap .csc-btn{ border-radius: 4px!important; } .shopping-cart-wrap .cart-list-bgc .panel-body:nth-of-type(even){ background: #fafafc; } .shopping-cart-wrap .head-font-size-md{ font-size: 14px; } .shopping-cart-wrap .media .media-left .product-pic{ width: 90px; height: 60px; border: 1px solid #eee; border-radius: 4px; overflow: hidden; } .shopping-cart-wrap .media .media-left .product-pic .ppic{ width: 90px; height: 60px; display: table-cell; vertical-align: middle; text-align: center; } .shopping-cart-wrap .media .media-left .product-pic .ppic .pp-img{ vertical-align: middle; max-width: 90px; max-height: 60px; } .shopping-cart-wrap .media .media-body .media-heading{ font-size: 14px; font-weight: 600; } .shopping-cart-wrap .media .media-body .product-attr{ margin: 0; padding: 0; } .shopping-cart-wrap .media .media-body .product-attr li{ list-style: none; color: #9392a0; } .shopping-cart-wrap .media .media-body .product-attr li span{ width: 15%; display: inline-block; float: left; } .shopping-cart-wrap .media .media-body .product-attr li span:nth-child(2){ width: 85%; display: inline-block; float: left; } .shopping-cart-wrap .product-price{ font-size: 14px; } .shopping-cart-wrap .btn-default{ background: #f6f7f9; border: 1px solid #cfcfcf; color: #908f8f; border-radius: 100px; position: relative; margin-top: -30px; } .shopping-cart-wrap .btn-default:hover{ background: #cfcfcf; color: #635e5e; } /* 购物车浮动 */ .s-cart-right-bottom-wrap{ width: 300px; overflow: hidden; position: fixed; right: 5px; bottom: 0; background: #dc2c2d; z-index: 9999; box-shadow: 0 0 10px #ccc; border-radius: 6px 6px 0px 0px; } .s-cart-right-bottom-wrap .cart-head{ width: 100%; height: 40px; line-height: 40px; padding-left: 10px; padding-right: 10px; color: #fff; font-size: 18px; font-weight: 600; position: relative; cursor: pointer; } .s-cart-right-bottom-wrap .cart-head .arrow-d{ width: 15px; height: 15px; background: #fff; border-radius: 50px; position: absolute; top: 14px; right: 9px; display: block; color: #e1251b; font-size: 10px; } .s-cart-right-bottom-wrap .cart-head .arrow-d svg{ margin-right: 2px; margin-top: 3px; } .s-cart-right-bottom-wrap .cart-body{ width: 100%; /*min-height: 160px;*/ overflow: hidden; background: #fff; border: 2px solid #e1251b; border-radius: 6px; padding: 10px; } .s-cart-right-bottom-wrap .cart-body .media .media-left .product-pic{ width: 60px; height: 40px; border: 1px solid #eee; border-radius: 4px; overflow: hidden; } .s-cart-right-bottom-wrap .cart-body .media .media-left .product-pic .ppic{ width: 60px; height: 40px; display: table-cell; vertical-align: middle; text-align: center; } .s-cart-right-bottom-wrap .cart-body .media .media-left .product-pic .ppic .pp-img{ vertical-align: middle; max-width: 60px; max-height: 40px; } .s-cart-right-bottom-wrap .r-b-cart-list li{ list-style-type: none; border-bottom: 1px solid #eee; padding-bottom: 4px; margin-bottom: 5px; } .s-cart-right-bottom-wrap .well{ padding:5px 10px!important; text-align: right; font-size: 18px; color: #111; font-weight: 600; margin-bottom: 10px!important; } .s-cart-right-bottom-wrap .clearbtn{ border-radius: 4px; background: #e3e5e9; border: 1px solid #d6d9de; color: #8b8e92; } .s-cart-right-bottom-wrap .clearbtn:hover{ border-radius: 4px; background: #d6d9de; border: 1px solid #d6d9de; color: #8b8e92; } .s-cart-right-bottom-wrap .checkbtn{ border-radius: 4px; background: #e1251b; border: 1px solid #e1251b; color: #fff; } .s-cart-right-bottom-wrap .checkbtn:hover{ border-radius: 4px; background: #ce332c; border: 1px solid #ce332c; color: #fff; } .s-cart-right-bottom-wrap .del-btn { font-size: 10px; color: #bebfc3; } .s-cart-right-bottom-wrap .del-btn:hover { font-size: 10px; color: #222; } /* CHECKOUT 购物车页面列表 */ .check-cart-list{ display: flex; } .check-cart-list .media-body{ display: flex; flex-wrap: wrap; align-items: center; } .check-list-wrap-flex{ display: flex; } .check-list-wrap-flex .text-danger{} .check-list-box-flexin{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .check-list-delbtn{ color: #c1c4c7; font-size: 14px; } .check-list-delbtn:hover{ color: #4a4e51; } /* 订单页面的更多信息下拉按钮 */ .order-page-more-btn{ color: #333!important; font-size: 12px; margin-right: 20px; } .order-page-more-btn svg{ color: #e1251b!important; font-size: 10px; } .order-page-olw{ padding-right: 20px; } .order-page-olw li{ padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #e7e6ec; display: block; white-space:normal; word-break : break-all; word-wrap: break-word; } .order-info-page-total{ background: #e7e7f3!important; } .order-info-page-total .r-text{ color: #222; } /* 魔兽菜单图 */ .wowpicnav img{ width: 100%; padding: 1px; border: 1px solid #fff; border-radius: 4px; } .wowpicnav img:hover{ width: 100%; padding: 1px; border: 1px solid #f3b133; border-radius: 4px; } /* 商品列表下拉 */ #product_list .dynamic-filter .searchbox .wenbennew{ width: auto!important; } /* 加入购物车按钮 */ .addcart-btn{ background: #fff9f9; border-color: #f24438; color: #e1251b!important; border-radius: .4rem; font-weight: 700; padding-top: 7px; padding-bottom: 6px; margin-top: 2px; text-transform: uppercase; /*padding-left: 9px; padding-right: 9px;*/ height: 42px; } .addcart-btn:hover{ background: #f24438; border-color: #f24438; color: #fff!important; } .addcart-btn svg{ font-size: 18px; vertical-align: -0.25em; } .switchforphone .btn-danger{ padding-left: 20px; padding-right: 20px; } /* 订单里面 */ .order-page-olw li:nth-child(n+4){/* 除了第一个LI 其他全部隐藏 */ display: none; } .paydan .collapse{ height: auto!important; display: block!important; } /* 申请卖家提示字大小 */ .sell-page-info-tips-text{ font-size: 90%!important; /*font-weight: normal!important;*/ } .myindexpage-user-name-tips{ color: #ffec3e; position: relative; top: -11px; } /* 我的店铺 */ .head-phone-none{ display: block; } .my-store-search-wrap .col-xs-3,.col-xs-2{ /*padding-right: 0;*/ } .my-store-search-wrap .btn-round{ border-radius: 4px; } .my-store-search-wrap input{ border-radius: 4px; } .my-store-search-wrap .searcbox{ position: absolute; right: 23px; top: 6px; font-size: 18px; } .my-store-search-wrap .select2-container{ width: 100%!important; } .my-store-search-wrap .select2-container .select2-selection--single{ height: 38px; border-color: #ccc; } .my-store-search-wrap .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 35px; } .my-store-search-wrap .select2-container--default .select2-selection--single .select2-selection__arrow{ height: 35px; } .my-store-page-product-list-wrap{ border-top: 1px solid #eee; padding-top: 10px; padding-bottom: 10px; } .my-store-page-product-list-wrap .flex-in{ display: flex; } .my-store-page-product-list-wrap .flex-in .flex-col{ display: flex; align-items: center; } .my-store-page-product-list-wrap .flex-in .flex-col .btn-warning{ margin-left: auto; border-radius: 4px; } .my-store-page-product-list-wrap .flex-in .flex-col .page-icon{ width: 30px; margin-right: 10px; } .my-store-page-product-list-wrap .flex-in .text-wing{ color: #fd772e; } /* 喇叭通知 */ .lb-sound-icon{ padding-left: 18px; cursor: pointer; position: relative; } .lb-sound-icon img{ width: 17px; margin-top: -2px; } .lb-sound-icon .tipsnum{ padding: 0px 2px; background: #fd972b; color: #fff; border-radius: 20px; } .lb-sound-icon .tipsnum:hover{ background: #f2771c; } /* 后台订单页面新增 */ .page-search-order-wrap{ padding: 20px 30px 30px 30px; overflow: hidden; border-top: 1px solid #ddd; } .page-search-order-wrap .border-round{ border-radius: 4px; } .page-search-order-wrap .btn-danger{ border-color: #dc2d2d; background-color: #dc2d2d; } .page-search-order-wrap .labeltext{ padding-right: 0; padding-top: 10px; height: 35px; } .page-search-order-wrap .nav-pills>li>a{ padding: 5px 10px!important; border: 1px solid #ddd; border-radius: 4px; background: #f8f8f8; } .page-search-order-wrap .nav-pills>li>a:hover{ background: #0d77f5; border-color: #0d77f5; color: #fff; } .page-search-order-wrap .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus{ background: #0d77f5!important; border: 1px solid #0d77f5!important; color: #fff!important; } .new-order-list-head{ padding: 10px 30px!important; text-align: left!important; font-size: 12px!important; border-bottom: 1px solid #e0e0e0!important; } .tablenoneline{ border-collapse: inherit!important; } .new-order-list-product{ /*overflow: hidden;*/ display: flex; position: relative; } .new-order-list-product .cs-tips{ position: absolute; left: 20px; top: -20px; font-size: 12px; color: #f33f2d; font-family: 'Gothbold'; } .new-order-list-product .picbox{ float: left; padding-left: 20px; display: none; } .new-order-list-product .picbox .product-img{ width: 100px; height: 68px; border: 1px solid #e0e0e0; border-radius: 4px; overflow: hidden; } .new-order-list-product .picbox .product-img .pilink{ width: 100px; height: 68px; display: table-cell; vertical-align: middle; text-align: center; } .new-order-list-product .picbox .product-img .pilink img{ vertical-align: middle; max-width: 100px; max-height: 68px; } .new-order-list-product .textbox{ float: left; padding-left: 20px; text-align: left; } .order-product-list-chat{ color: #20abf1; } .order-product-list-chat:hover{ color: #0c94d9; } #pay_diandan .sellmain .paydan table tr td .imgbox{ width: 36px; height: 36px; } /* 纠纷页面 */ /* 订单信息 */ .order-mar-boot{ margin-bottom: 10px; } .line-btn-s1{ border:1px solid #e1251b; background: #fff; color: #e1251b; } .line-btn-s1:hover{ border:1px solid #e1251b; background: #e1251b; color: #fff!important; } .line-btn-s1:focus, .line-btn-s1.focus{ color: #e1251b; } .line-btn-s2{ border:1px solid #595c61; background: #fff; color: #595c61; } .line-btn-s2:hover{ border:1px solid #595c61; background: #595c61; color: #fff!important; } .line-btn-s2:focus, .line-btn-s1.focus{ color: #595c61; } .line-btn-s3{ border:1px solid #2f7ede; background: #fff; color: #2f7ede; } .line-btn-s3:hover{ border:1px solid #2f7ede; background: #2f7ede; color: #fff!important; } .line-btn-s3:focus, .line-btn-s1.focus{ color: #2f7ede; } .dispute-page{} .dispute-page .border-round-xs{ border-radius: 4px!important; } .dispute-page .d-p-nav .number-text{ font-size: 30px; font-weight: bold; } .dispute-page .d-p-nav .active{ border: 1px solid #e1251b!important; background: #f9f6f0; } .dispute-page .nav-pills>li>a{ background: #fff; border: 1px solid #ddd; } .dispute-page .order-group-btn .btn-default{ background: #7e818d; border-color: #7e818d; color: #fff; } .dispute-page .order-group-btn .active{ background: #e2e4e7; border-color: #e2e4e7; color: #65696e; } .dispute-page .order-group-btn .btn-default .label-warning{ border-radius: 20px; margin-left: 5px; } .dispute-page .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus{ border-radius: 4px!important; background: #f8f8f8; border:1px solid #ddd; color: #2b2b36; } .dispute-page .nav-pills .active .label-warning{ border-radius: 20px; background: #fc772d!important; border: none!important; color: #fff!important; } .dispute-page .nav-pills .label-warning{ border-radius: 20px; background: #f8f8f8; border: 1px solid #ddd; color: #2b2b36; } .dispute-page .outline-danger-btn{ border: 1px solid #db2c2d; background: none; color: #e1251b; } .dispute-page .outline-danger-btn:hover{ background: #e1251b; color: #fff; } .dispute-page .panel-info{ background: #ecf6fa; border-color: #ecf6fa; border-radius: 12px; color: #054e98; position: relative; } .dispute-page .panel-info .pi-arrow{ border: 10px solid #fff; border-right-color: #ecf6fa; width: 0; height: 0; position: absolute; top: 20px; left: -20px; } .dispute-page .panel-danger{ background: #fcf8e4; border-color: #fcf8e4; border-radius: 12px; color: #553422; position: relative; } .dispute-page .panel-danger .pi-arrow{ border: 10px solid #fff; border-right-color: #fcf8e4; width: 0; height: 0; position: absolute; top: 20px; left: -20px; } .dispute-page .d-chat{ margin-top: 15px; } .dispute-page .d-chat li{ padding-top: 5px; padding-bottom: 5px; font-weight: bold; } .dispute-page .user1{ width: 55px; height: 55px; line-height: 55px; text-align: center; border-radius: 50px; border:1px solid #ddd; } .dispute-page .user2{ width: 55px; height: 55px; line-height: 55px; text-align: center; border-radius: 50px; border:2px solid #65696e; } .dispute-page .report-head{ border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; padding-top: 10px; padding-bottom: 10px; margin-top: 15px; } .dispute-page .you-look{ padding-left: 15px; } .dispute-page .you-look li{ padding-top: 5px; padding-bottom: 5px; list-style-type: disc; } .order-info-list-wrap{ padding: 0!important; background: #F7F7FA; } .order-info-list-wrap table tbody tr{ background: #fff!important; } .order-info-list-wrap .o-head{ background: #f1eff5; padding: 10px 20px!important; } .order-info-list-wrap .table-bordered{ border-color: #f1eff5; } .order-info-list-wrap table tbody tr td{ padding-top: 20px!important; padding-bottom: 20px!important; } .order-info-list-wrap .td-width1{ width: 40%; word-break:break-all; } .order-info-list-wrap .td-width2{ width: 10%; text-align: center; } .order-info-list-wrap .td-width3{ width: 20%; text-align: center; } .order-info-list-wrap .td-width4{ width: 15%; text-align: center; } .order-info-list-wrap .td-width5{ width: 15%; text-align: center; } .order-info-list-wrap .headbar tbody tr td{ padding-top: 10px!important; padding-bottom: 3px!important; } /* 商品列表页QTY搜索 */ .page-qty-wrap{ width: 252px; margin-left: auto; } .page-qty-wrap .input-box{ width: 80px; float: left; } .page-qty-wrap .input-box .form-control{ border-radius: 4px!important; } .page-qty-wrap .block-box{ width: 10px; line-height: 30px; color: #999; text-align: center; float: left; } .page-qty-wrap .qty-search-btn{ border-radius: 4px; margin-left: 10px; background: #dc2c2d; } .page-qty-wrap .qty-search-btn:hover{ border-radius: 4px; margin-left: 10px; background: #c01d1e; } /* About Page */ .top-bigbann{ width: 100%; overflow: hidden; position: relative; } .top-bigbann .big-pic{ width: 100%; } .top-bigbann .text-box{ position: absolute; left: 0; top: 0; width: 100%; } .top-bigbann .text-box .flex-wrap{ display: flex; justify-content: center; align-items: center; } .top-bigbann .text-box .flex-wrap .about-logo{ width: 350px; margin-top: 120px; } .top-bigbann .text-box .flex-wrap .bigtitle{ font-size: 36px; color: #fff; padding-top: 30px; font-weight: 400; font-family: "Microsoft YaHei","Source Sans Pro",Calibri,Candara,Arial,sans-serif; } .top-bigbann .text-box .flex-wrap .smalltext{ font-size: 24px; color: #fb471d; padding-top: 30px; } /* 社交网络 */ .top-bigbann .networks-media{ margin: 0; padding: 0; position: absolute; left: 50px; bottom: 50px; z-index: 2; } .top-bigbann .networks-media li{ float: left; margin-right: 30px; color: #fff; font-size: 22px; } .top-bigbann .networks-media li a{ color: #fff; } /* 四个小格子 */ .about-card-in{ border: 1px solid #ddd; border-radius: 2px; padding-top: 0px; padding-bottom: 0px; text-align: center; overflow: hidden; } .about-card-in .box1{ width: 40%; float: left; text-align: right; font-size: 60px; color: #c81f20; } .about-card-in .box2{ width: 60%; float: left; text-align: left; } .about-card-in .box2 .text{ width: 80%; text-align: center; float: left; padding-top: 22px; font-size: 14px; } .about-m-top-md-px30{ margin-top: 30px; } .about-page-about-text{ padding-top: 75px; padding-bottom: 60px; background: #fafafa url("../images/about-bg1.png") no-repeat center; position: relative; } .about-page-about-text .title{ font-size: 39px; color: #c81f20; margin-bottom: 35px; text-transform: uppercase; } .about-page-about-text p{ padding-bottom: 25px; font-size: 14px; width: 60%; margin: auto; } .about-page-about-text .fd-text{ width: 180px; height: 426px; background: url("../images/about-fdtext1.png") no-repeat; position: absolute; left: 0; top: 0px; } .about-page-value-text{ padding-top: 55px; padding-bottom: 50px; position: relative; } .about-page-value-text .title{ font-size: 39px; color: #c81f20; margin-bottom: 35px; text-transform: uppercase; } .about-page-value-text p{ padding-bottom: 25px; font-size: 14px; } .about-page-value-text .bpic{ width: 100%; position: relative; z-index: 2; } .about-page-value-text .redline-text-wrap{ border-left: 3px solid #c81f20; padding-left: 30px; } .about-page-value-text .color-block{ width: 30%; height: 160px; background: #c81f20 url("../images/dotdotdot.png"); position: absolute; left: 0; top: 100px; z-index: 1; } .about-page-choose-text{ padding-top: 75px; padding-bottom: 60px; background: #141519 url("../images/about-bg3.jpg") no-repeat center; } .about-page-choose-text .title{ font-size: 39px; color: #c81f20; margin-bottom: 15px; text-transform: uppercase; } .about-page-choose-text p{ padding-bottom: 25px; font-size: 14px; width: 60%; margin: auto; } .about-page-choose-text small{ color: #fff; font-size: 14px; } .about-page-choose-text .round-color-block{ padding: 57px 0 35px 0; border-radius: 50%; background: rgba(203, 22, 22, .75); color: #fff; width: 70%; margin: auto; } .about-page-choose-text .round-color-block strong{ font-size: 30px; font-weight: normal; } .about-page-choose-text .summary-text{ color: #fff; font-size: 14px; padding-top: 20px; max-height: 120px; overflow: hidden; width: 100%; } .about-page-team-text{ padding-top: 75px; padding-bottom: 60px; background: #fafafa url("") no-repeat center; position: relative; } .about-page-team-text .title{ font-size: 39px; color: #c81f20; margin-bottom: 15px; text-transform: uppercase; } .about-page-team-text p{ padding-bottom: 25px; font-size: 14px; width: 60%; margin: auto; } .about-page-team-text small{ font-size: 14px; } .about-page-team-text .fd-text{ width: 180px; height: 426px; background: url("../images/team-fdtext1.png") no-repeat; position: absolute; left: 0; top: 180px; } /* Team */ .team-card-wrap{ background: #fff; border-radius: 2px; /*box-shadow: 0px 0px 30px #ccc;*/ padding: 30px; text-align: center; border: 1px solid #e0e0e0; margin-left: 15px; margin-right: 15px; } .team-card-wrap .user-photo{ width: 140px; height: 140px; border: 10px solid #e70027; box-shadow: 0 0 10px #ff4863; background: #333; margin: auto; border-radius: 70px; overflow: hidden; } .team-card-wrap .user-photo .upic{ width: 100%; } .team-card-wrap .user-name{ width: 100%; text-align: center; overflow: hidden; padding-top: 30px; font-size: 14px; color: #7a7a7a; } .team-card-wrap .user-name strong{ font-size: 28px; color: #444; font-weight: normal!important; } /* Page Tips */ .page-tips-bar-wrap{ position: fixed; bottom: 0; left: 0; padding: 15px; background: rgba(46, 98, 143, .9); width: 100%; z-index: 99999; max-height: 80px; overflow: auto; } .page-tips-bar-wrap .text-warning{ color: #fff; } .page-tips-bar-wrap .text-warning a{ color: #ffea00; } .page-tips-bar-wrap .text-warning a:hover{ color: #fb471d; } .page-tips-bar-wrap .close-btn-this-bar{ position: absolute; top: 0px; margin-top: -3px; right: 0px; display: block; background: #fb471d!important; color: #fff!important; padding: 5px 6px!important; border-radius: 30px; right: 10px; } .page-tips-bar-wrap .close-btn-this-bar:hover{ background: #de2826; color: #fff!important; } .page-phone-none-in{} /* 关于我们页面顶部大BANNER里的小ICON */ .about-page-top-icon-box{ width: 20%; float: left; } .about-page-top-sm-icon{ color: #ccc; } .about-page-top-sm-icon img{ width: 60px; margin-bottom: 10px; } /* 说明页面 */ .read-me-wrap{} .read-me-wrap .list-in{ padding-left: 20px; } .read-me-wrap .list-in li{ list-style-type: disc; padding-top: 5px; padding-bottom: 5px; } /* Contact Page */ .contact-page-wrap{ margin-bottom: 50px; } .contact-page-wrap .wrap-in{ width: 85%; margin: auto; } .contact-page-wrap .b-pic-1{ width: 60%; } .contact-page-wrap .b-pic-2{ width: 70%; } .contact-page-wrap .panel-default{ position: relative; overflow: hidden; } .contact-page-wrap .flex-text{ display: flex; align-items: center; } .contact-page-wrap .light-grey-text{ color: #888d94; } .contact-page-wrap .panel-body{ } .contact-page-wrap .title-text{ font-size: 18px; } .contact-page-wrap .title-text .icon-size{ font-size: 27px; vertical-align: -0.26em; } .contact-page-wrap .tags-1{ position: absolute; top: -10px; right: -7px; background: #4e8df6; border-radius: 45px; color: #fff; padding-top: 10px; padding-right: 10px; padding-left: 5px; padding-bottom: 2px; } .contact-page-wrap .tags-2{ position: absolute; top: -10px; right: -7px; background: #c81f20; border-radius: 45px; color: #fff; padding-top: 10px; padding-right: 10px; padding-left: 5px; padding-bottom: 2px; } .contact-page-wrap .social-icon-1{ width: 60%; background: #3c5a96; color: #fff; padding: 5px; display: block; border-radius: 50px; font-size: 30px; margin: auto; } .contact-page-wrap .social-icon-2{ width: 60%; background: #e32524; color: #fff; padding: 5px; display: block; border-radius: 50px; font-size: 30px; margin: auto; } .contact-page-wrap .social-icon-3{ width: 60%; background: #000; color: #fff; padding: 5px; display: block; border-radius: 50px; font-size: 30px; margin: auto; } .contact-page-wrap .social-icon-4{ width: 60%; background: #55acee; color: #fff; padding: 5px; display: block; border-radius: 50px; font-size: 30px; margin: auto; } .contact-page-wrap .fengeline{ border-right: 1px solid #e0e0e0; } /* OWL */ /* * Core Owl Carousel CSS File * v1.3.3 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(../images/grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* * Owl Carousel Owl Demo Theme * v1.3.3 */ .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px; padding: 3px 8px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #979b9c; overflow: hidden; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading{ min-height: 150px; background: url(../images/AjaxLoader.gif) no-repeat center center } /* 卖家状态 */ .position-position{ position: relative; } .user-online-dot{ width: 10px; height: 10px; border-radius: 8px; border: 1px solid #fff; background: #2eda92; position: absolute; bottom: 0px; right: -2px; display: block; z-index: 2; } .user-offline-dot{ width: 10px; height: 10px; border-radius: 8px; border: 1px solid #fff; background: #999; position: absolute; bottom: 0px; right: -2px;/**/ display: block; z-index: 2; } /* Bootstrap */ .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus{ border-radius: 4px!important; } .btn-danger{ /*background: #de2a25;*/ border-color: #de2a25; border: 0; background: -webkit-linear-gradient(right,#ff542e,#f5422f); background: -o-linear-gradient(right,#ff542e,#f5422f); background: -moz-linear-gradient(right,#ff542e,#f5422f); background: -mos-linear-gradient(right,#ff542e,#f5422f); background: linear-gradient(right,#ff542e,#f5422f); } /* manageList btn */ .managelist-btn{ border-radius: .25rem; min-width: 70px; background: #fff; border: 1px solid #c81f20; color: #c81f20; margin-bottom: 5px; padding: 4px 2px 2px 2px!important; line-height: 1.25; } .managelist-btn:hover{ color: #c81f20; } .selectActive:hover{ color: #fff; } .managelist-btn-wrap{ display: inline-block; } /* manageList 关闭浮动框按钮 */ .page-manlist-close-btn{ padding: 5px; border-radius: 30px; background: #c81f20; color: #fff; position: absolute; top: -5px; right: -5px; display: block; } .footer-copytext{ /*margin-left: 220px;*/ /*line-height: 33px;*/ } /* 评论回复消息 */ .comment-enter{ background: #f8f8f8; padding: 2px 5px; color: #e25b25; } .comment-etidbtn{ border: 1px solid #ddd; padding: 2px; border-radius: 4px; background: #f8f8f8; color: #666; min-width: 35px; text-align: center; } .comment-write-wrap{ border-radius: 4px!important; overflow: hidden; } .comment-write-wrap .modal-header{ background: #000; color: #fff; } .comment-write-wrap .close{ color: #fff; } .comment-write-wrap textarea{ border-radius: 4px; } .comment-write-wrap .btn-default{ background: #e0e0e0; border-color: #e0e0e0; color: #8c9197; } .comment-write-wrap .btn-danger{ background: #c81f20; border-color: #c81f20; } /* Buy Order Radio */ .radio-wrap-new{ margin-bottom: 10px; font-weight: bold; } .a-radio{ display: none; } .b-radio{ display: inline-block; border:1px solid #146fb8; width:20px; height: 20px; border-radius:0px; vertical-align: middle; margin-right: 5px; position: relative; } .b-radio:before{ content: ''; font-size: 0; width: 20px; height: 20px; background: url("../images/check-icon.gif") no-repeat; background-size: 20px; position: absolute; left:50%; top:50%; margin-left: -10px; margin-top: -10px; border-radius: 0px; display: none; } .a-radio:checked~.b-radio:before{ display: block; } /* 证据上传 */ .disputes-update-photo{ overflow: hidden; } .disputes-update-photo li{ /*width: 120px; height: 120px; border: 1px solid #e0e0e0; padding: 1px; overflow: hidden; position: relative; float: left; margin-right: 5px;*/ float: left; width: 16%; height: 120px; position: relative; } .disputes-update-photo li a{ display: block; width: 118px; height: 118px; background: #f8f8f8; text-align: center; } .disputes-update-photo li a img{ width: 120px; height: 120px; border: 1px solid #e0e0e0; padding: 1px; overflow: hidden; position: relative; float: left; margin-right: 5px; } .disputes-update-photo .up-box{ border: 1px dashed #ddd!important; } .disputes-update-photo .pic-wrap{ width: 70%!important; height: 120px; padding-left: 5px!important; } .disputes-update-photo .pic-wrap a{ width: 100%!important; background: #fff!important; text-align: left!important; } .disputes-update-photo li a svg{ margin-top: 25px; margin-bottom: 10px; font-size: 24px; } .disputes-update-photo .inpubtn{ display: block; z-index: 2; width: 116px; height: 116px; opacity:0; position: absolute; left: 0; top: 0; cursor: pointer; } .back-page-btn{ background: #e8e8ed; border-color: #dddde0; color: #838589; } .s-m-c-wrap{ border-bottom: 1px solid #e0e0e0; margin-bottom: 10px; padding-bottom: 10px; box-shadow: 0px 4px 2px #f8f8f8; } .show-more-chat{ font-size: 14px; margin-bottom: 5px; font-weight: bold; cursor: pointer; } .this-order-tips-info{ background: #ffffef; border: 1px solid #ffe4b4; color: #653b0d; padding: 2px 6px; position: relative; width: 100%; margin-top: 8px; margin-bottom: -15px; border-radius: 4px; } .this-order-tips-info .triangle-left { width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-bottom: 5px solid #ffe4b4; position: absolute; left: 22%; top: -6px; } /* All Product */ #pl-newstyle .popular_li{ border: 1px solid #e0e0e0; padding: 10px; overflow: hidden; height: auto; margin-right: -1px; margin-bottom: -1px; word-break: break-all; } #pl-newstyle .popular_box{ margin-top: 20px; } #pl-newstyle .popular_left{ color: #c81f20; } /* Security Deposit 保证金 */ .security-deposit-icon img{ width: 15px; vertical-align: -0.1em; margin-right: 5px; } /* Home User Product */ .h-u-p-icon-in1{ width: 20px; } .h-u-p-icon-in1 img{ width: 16px!important; margin-right: 5px; } .h-u-p-chat-icon{ vertical-align: 0em; } .h-u-p-star-wrap{ margin-top: 10px; } .h-u-p-star-wrap .star-mask-wrap{ float: left; margin-right: 10px; } /* Product Page Info */ .p-p-i-level-icon img{ float: left; } .p-p-i-level-icon .imgboxdengji{ float: left; height: auto; margin-top: 5px; } .p-p-i-three-icon{ /*padding-left: 20px;*/ text-align: right; margin-left: auto; } .p-p-i-three-icon .h-u-p-icon-in2{ font-size: 19px; vertical-align: -.2em; margin-right: 3px; } .p-p-i-three-icon .chat-icon svg{ vertical-align: -.36em; } .p-p-i-star-icon li{ float: left; margin-right: 10px; } .tuleftblock{ width: 100%; } /* Buy Order Modal */ .buyorder-thank-modal{ border-radius: 4px; } .buyorder-thank-modal .modal-header h5{ display: initial; } .buyorder-thank-modal .yesbtn{ border-radius: 4px; } .table-list-media .text-sky{ min-width: 350px; } /* 上传商品步骤5 */ .buy-num-thiswrap{ width: 48%!important; float: left!important; margin-bottom: 27px!important; margin-right: 2%!important; } .buy-num-thiswrap2{ width: 48%!important; float: left!important; margin-bottom: 27px!important; margin-right: 0%!important; } .shuliang:nth-child(1) { margin-right: 0%!important; } /* 加问号 */ .wenhao-inbox{ width: 18px; height: 18px; background: #666; color: #fff; text-align: center; line-height: 18px; position: absolute; top: 0px; right: 2px; border-radius: 20px; cursor: pointer; } .tab-navs-new .nav>li>a{ cursor: pointer; } .tab-navs-new .nav-tabs>li.active>a{ cursor: pointer; } .nav-tabs>li>a{ cursor: pointer; } /* Sold Details标题加链接 */ .sodtitle-linkstyle a{ color: #3167aa; } .sell-page-channel-link{ color: #3167aa; } .sell-page-channel-link:hover{ color: #2c8bc7; } /* Sell Page */ .r-type-wrap{ padding-left: 100px; margin-top: -15px; margin-bottom: 15px; } .registermain .r-type-wrap{ padding-left: initial!important; margin-top: initial!important; margin-bottom: initial!important; } .num-special .baocuo{ position: relative; left: 0!important; top: -20px!important; } /* 搜索页面菜单加上箭头 */ .s-page-nav-left-arrow-btn{ display: none; } .s-page-nav-right-arrow-btn{ display: none; } /* Create Listing Page */ .one-step-btn-wrap{ padding: 0; } /* Verification Submission Form */ .v-s-f-page-upfile-btn{ background: none; margin-top: 20px; border: 1px dashed #ddd; width: 100%; color: #2E2D3C; font-size: 14px; } .v-s-f-page-upfile-btn:hover{ background: #f8f8f8; border-color: #e0e0e0; color: #666; font-size: 14px; } .up-file-success{ background: #dff0da; color: #333333; padding: 10px; margin-top: 20px; text-align: center; } .v-s-f-remarks{ margin-top: 15px; } .v-s-f-title{ font-size: 14px; color: #000; margin-top: 5px; } /* 上传图片 */ .upload-content{ margin-left: -8px; margin-right: -8px; margin-top: 10px; } .upload-content .modal-dialog { width: 100%; } .show { text-align: center; } .upload-content .content-img-list { display: inline-block; padding: 0; } .upload-content .content-img .gcl { font-size: 25px; color: #aaa; } .upload-content .content-img-list-item { position: relative; display: inline-block; width: 90px; height: 90px; margin: 7px; border: 1px dashed #DEDEDE; border-radius: 4px; background-color: #fff; vertical-align: middle; line-height: 90px; } .upload-content .content-img-list-item .hide { display: none; } .upload-content .content-img-list-item div { position: absolute; left: 0; bottom: 0; text-align: center; width: 100%; background: rgba(0, 0, 0, 0.4); height: 100%; line-height: 150px; } .upload-content .content-img-list-item .delete-btn, .upload-content .content-img-list-item .big-btn { color: #fff; cursor: pointer; margin: 0 5px; } .upload-content .content-img-list-item img { width: 100%; } /*.upload-content .upload-tips { padding-top: 10px; text-align: right; width: 100%; }*/ /*鍥剧墖涓婁紶鎸夐挳*/ .upload-content .file { position: relative; display: inline-block; border: 1px dashed #DEDEDE; border-radius: 4px; width: 90px; height: 90px; line-height: 90px; text-align: center; background-color: #fff; vertical-align: top; margin: 7px; } .upload-content .file svg{ margin-top: 32px; } .upload-content .file input { position: absolute; right: 0; top: 0; opacity: 0; cursor: pointer; width: 90px; height: 90px; } .upload-content .file:hover { border: 1px dashed #3a75dc; } #imgPreview { width: 40%; height: 180px; margin: 10px auto 0px auto; border: 1px solid black; text-align: center; } #imgSpan { position: absolute; top: 60px; left: 40px; } .filepath { width: 100%; height: 100%; opacity: 0; } /* 服务下来A标签块状化 */ #product_list .selectall .ulbox .ulboxzi .libox a{ display: block; } /* 注册页面添加中英文 */ .reg-switch-language{ padding: 7px 15px; background: #c81a1f; border: 1px solid #c81a1f; color: #fff; position: absolute; right: 20px; top: 0px; border-radius: 0 0px 8px 8px; } /* New Step 4 5 */ .new-step-wrap{ padding: 0px 30px 0px 30px!important; border-bottom: 0px!important; margin-bottom: -20px; } .new-step-wrap .wenbennew{ padding-bottom: 10px; } .new-step-wrap .tips-info{ background: #f7f6f2; border-top: 1px solid #edece6; border-bottom: 1px solid #edece6; border-right: 1px solid #edece6; border-left: 2px solid #da1616; border-radius: 3px; padding: 20px; margin-top: 30px; } .new-step-wrap .contact-info-flex{ display: flex; align-items: center; font-size: 14px; } .new-step-wrap .contact-info-flex .icon-size{ font-size: 21px; vertical-align: -0.28em; } .new-step-wrap .title-line{ border-bottom: 0px solid #e3e3ec; margin-top: 40px; padding-bottom: 15px; } .new-step-wrap .title-line .t-text{ font-size: 20px; font-weight: bold; margin-right: 15px; } .new-step-wrap .panel-default{ border-color: #efeff4!important; } .new-step-wrap .panel-default>.panel-heading{ border-bottom: 1px solid #efeff4!important; background: #efeff4!important; color: #898996; } .new-step-wrap .xiebz{ border-radius: 3px; margin-top: 15px; } .new-step-wrap .check-in{ margin-top: 2px; } .step-pages-in{} .new-step-five-wrap{} .new-step-five-wrap .icon-right{ font-size: 80px; margin-bottom: 20px; margin-top: 15px; } .new-step-five-wrap .title { padding-bottom: 10px; } /* 已开通 */ .opened-tips{ padding: 15px 30px; background: #f4f8f7; border-radius: 3px; color: #37b0a3; border: 1px solid #edf3f2; margin-top: 15px; } /* 待审核 */ .opened-tips-wait{ padding: 15px 30px; background: #f4f8f7; border-radius: 3px; color: #37b0a3; border: 1px solid #edf3f2; margin-top: 15px; } /* 购买页面左右空白间距 */ .describe_box p{ padding-left: 15px; padding-right: 15px; word-break: break-all; } /* SELECT ALL PAGES */ .page-nav-padding-boo{ padding-bottom: 25px; } /* 商品购买页面标题 */ .buy-page-title-line{ width: 100%; border-bottom: 1px solid #eee; font-size: 14px; font-weight: bold; margin-bottom: 10px; padding-bottom: 10px; color: #db2e2c; background: #fafafc; padding-top: 10px; padding-left: 15px; } /* 聊天加入常用用语 */ .chat-common-drop-wrap{ min-width: 500px; font-size: 12px; } .chat-common-drop-wrap .nav-tabs{ width: 30%; min-height: 340px; background: #eee; float: left; } .chat-common-drop-wrap .tab-content{ overflow: hidden; } .dropdown-menu-new{ float: left; padding: 0!important; } .chat-common-drop-wrap .nav-tabs>li{ float: none; } .chat-common-drop-wrap .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{ /*border: 0;*/ background: #fff!important; } .chat-common-drop-wrap .nav-tabs>li.active>a:hover{ border-top: 1px solid #fff!important; } .chat-common-drop-wrap .nav-tabs{ /*border: 0;*/ } .chat-common-drop-wrap .common-list{ margin: 0; padding: 0; } .chat-common-drop-wrap .common-list li{ list-style-type: none; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #e0e0e0; cursor: pointer; padding-left: 10px; padding-right: 10px; } .chat-common-drop-wrap .common-list li span:hover{ color: #2B2B36; } .chat-common-drop-wrap .nav-tabs>li>a{ background: #eee; } .chat-common-icon{ font-size: 20px; margin-top: -2px; margin-left: 2px; margin-right: 2px; cursor: pointer; } /* 订单取消状态 */ .order-close-bg{} .order-close-bg tbody tr td{ background: #f2f2f2!important; border-color: #f2f2f2!important; opacity: .6; } .order-close-bg2 td{ background: #f2f2f2!important; border-color: #f2f2f2!important; } /* 商品列表页下面加新闻 */ .product-list-pages-game-news{} .product-list-pages-game-news .n-list{ margin: 0; padding: 0; } .product-list-pages-game-news .n-list li{ padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #eee; padding-top: 8px; padding-bottom: 8px; } .product-list-pages-game-news .n-list li a{ font-size: 14px; font-weight: bold; vertical-align: top; margin-bottom: 5px; display: block; } .product-list-pages-game-news .n-list li .smtext{ font-size: 12px; color: #a2a2b0; } .product-list-pages-game-news .n-list li .datetext{ color: #a2a2b0; font-size: 12px; margin-top: 5px; } .product-list-pages-game-news .n-list li .p-pic{ width: 100%; border-radius: 4px; margin-top: 5px; border: 1px solid #e0e0e0; padding: 3px; } .product-list-pages-game-news .n-list .flex-cen{ display: flex; align-items: center; } /* 商品列表页增减按钮 */ .product-list-rows .thisinputbox .subtract-btn{ position: absolute; top: 7px; left: 1px; display: block; width: 30px; height: 30px; border-radius: 4px; text-align: center; line-height: 28px; font-size: 16px; } .product-list-rows .thisinputbox .subtract-btn:hover{ color: #d01f1d; } .product-list-rows .thisinputbox .increase-btn{ position: absolute; top: 8px; right: 1px; display: block; width: 30px; height: 30px; border-radius: 4px; text-align: center; line-height: 28px; font-size: 16px; } .product-list-rows .thisinputbox .increase-btn:hover{ color: #d01f1d; } /* 手机版购买明细 */ .phone-pur-details{ margin: 0; border: 1px solid #e0e0e0; padding: 10px; border-top: 2px solid #d01f1d; } .phone-pur-details li{ padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; border-bottom: 1px solid #e0e0e0; } .phone-pur-details li .text-dark{ color: #2B2B36!important; } .phone-pur-details li .type-icon{ width: 20px; height: 20px; } .phone-pur-details li:nth-child(2n+1){ background: #fff; } /* 商品增减 */ .product-number-control{ border-radius: 0!important; } .input-group-addon:first-child{ cursor: pointer; border-radius: 4px 0px 0px 4px; } .input-group-addon:last-child{ cursor: pointer; border-radius: 0px 4px 4px 0px; } .product-choose-number-wrap{ position: relative; } .product-choose-number-wrap input{ text-align: center; } .product-choose-number-wrap .subtract-btn{ position: absolute; left: 5px; top: 8px; background: #eee; border-radius: 4px; padding: 5px 10px; font-size: .875rem; } .product-choose-number-wrap .increase-btn{ position: absolute; left: 88px; top: 8px; background: #eee; border-radius: 4px; padding: 5px 10px; font-size: .875rem; } /* style 2 */ .product-choose-number-wrap2{ position: relative; } .product-choose-number-wrap2 input{ text-align: center; } .product-choose-number-wrap2 .subtract-btn{ position: absolute; left: 5px; top: 8px; background: #eee; border-radius: 4px; padding: 5px 10px; font-size: .875rem; } .product-choose-number-wrap2 .increase-btn{ position: absolute; left: 168px; top: 8px; background: #eee; border-radius: 4px; padding: 5px 10px; font-size: .875rem; } /* 管理列表提示 */ .string_fee{ margin: 0; padding: 0; max-height: 68px; overflow-x:hidden; overflow-y:auto; } .string_fee li{ font-weight: bold; } /* 产品列表页加上分裂标签链接 */ .product-page-tag-link-bar{ width: 100%; padding: 0px 0px 0px 0px; background: #fff; margin-top: -5px; } .product-page-tag-link-bar .label{ border-radius: 4px; } .product-page-tag-link-bar .btn-danger{ border-radius: .2rem; margin-bottom: 3px; } .product-page-tag-link-bar .btn-warning{ border-radius: .2rem; } .product-page-tag-link-bar .label{ margin-right: 5px; margin-bottom: 5px; } .is-show-tag-chick{ /*position: absolute;*/ /*left: 25%;*/ /*top: -45px;*/ width: 100%; } .is-show-tag-chick .btn-danger{ border-radius: .2rem; } .is-show-tag-chick .all-close-btn{ padding: 1px 2px; line-height: normal; } /* 提现记录列表 */ .tix-info-list-wrap{ margin: 0; padding: 0; } .tix-info-list-wrap li{ padding-top: 10px; padding-bottom: 10px; /*border-bottom: 1px solid #e0e0e0;*/ list-style-type: none; padding-left: 15px; word-break:break-all; padding-right: 5px; } .tix-info-list-wrap li a{ color: #346094; } .tix-info-list-wrap li:nth-child(odd){ /*background: #f8f8f8;*/ } .panel-body-nonepad{ padding: 0!important; } .tx-title-show{ display: block; } .tix-info-list-wrap .text-phone-show{ display: none; } .tix-info-list-wrap li .label{ border-radius: 4px!important; } /* 标签颜色 */ .tix-info-list-wrap li .label-default{ background-color: #dedede!important; color: #666!important; } .tix-info-list-wrap li .label-primary{ background-color: #cedce8!important; color: #375792!important; } .tix-info-list-wrap li .label-success{ background-color: #dcecdc!important; color: #00a005!important; } .tix-info-list-wrap li .label-info{ background-color: #e2e6f7!important; color: blue!important; } .tix-info-list-wrap li .label-warning{ background-color: #fff1c9!important; color: #ff8100!important; } .tix-info-list-wrap li .label-danger{ background-color: #f3e5e5!important; color: #d82222!important; } .loans .panel-default{ border-color: #eee!important; } /* 付款页面选择支付方式提示文字红色 */ #pay_ment .fukuanfangshi .fukuanleft .zhifubox .wenbenshouxu p{ color: #e21d1d; } /* 买家订单单号后面的DIV */ .d-h-m-d-box{ height: 30px; display: flex; } .selectall .select2-container{ width: 100%!important; } .selectall .select2-container .select2-selection--single{ height: 35px; } .selectall .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 33px; } .selectall .select2-container--default .select2-selection--single .select2-selection__arrow{ height: 35px; } #pay_ment .fukuanfangshi .fukuanright .rightcontent .text-danger:hover{ color: #c4180e; } .danger-tips-text{ padding: 5px 15px; border-radius: 4px; color: #e1251a; background: #f4e4e3; } /* 顶部事件中心 */ .top-bar-event-pop{ border: 0; left: initial; right: 0!important; top: 26px; padding-top: 0; padding-bottom: 0; width: 300px; } .top-bar-event-pop .panel{ margin-bottom: 0; border: 0; } .top-bar-event-pop .panel-default>.panel-heading{ background: #e4e4ec; border: 0; color: #525273; font-size: 12px; font-weight: bold; text-transform:uppercase; padding-top: 5px; padding-bottom: 5px; } .top-bar-event-pop .panel-default>.panel-heading .look-all{ color: #9494a2; margin-top: 1px; border: 1px solid #d6d6e2; background: #d6d6e2; padding: 1px 4px; border-radius: 4px; } .top-bar-event-pop .panel-default>.panel-heading .look-all:hover{ color: #ececef; border: 1px solid #9f9fb3; background: #9f9fb3; } .top-bar-event-pop .e-list{ margin: 0; padding: 0; max-height: 80px; overflow-y: auto; } /*定义整体的宽度*/ .top-bar-event-pop .e-list::-webkit-scrollbar { width: 3px; background: #eee; } /*定义滚动条轨道*/ .top-bar-event-pop .e-list::-webkit-scrollbar-track { border-radius: 5px; } /*定义滑块*/ .top-bar-event-pop .e-list::-webkit-scrollbar-thumb { border-radius: 5px; background: rgba(147, 155, 162, 0.5); } .top-bar-event-pop .e-list li{ list-style-type: none; padding-top: 5px; padding-bottom: 5px; font-size: 12px; color: #8c8994; padding-right: 5px; padding-left: 5px; overflow: hidden; } .top-bar-event-pop .e-list li:nth-child(even){ background: #f5f6f7; } .top-bar-event-pop .e-list li:hover{ background: #eef0f1; } .top-bar-event-pop .e-list li a{ color: #8c8994; display: block; } .top-bar-event-pop .e-list li a:hover{ color: #376092; } .top-bar-event-pop .e-list li:last-child{ border-bottom: 0; } .top-bar-event-pop .e-list li .float-right{ float: right; color: #b7b5bf; } .top-bar-event-pop small{ color: #8c8994; } .top-bar-event-pop .panel-title{ font-size: 14px; } .top-bar-event-pop .panel-body{ padding-top: 5px; padding-bottom: 5px; } /* 站内消息 */ .user-pages-in-search-wrap{ padding: 0px 30px 0px 30px; background: #fff; } .user-pages-in-search-wrap input{ border-radius: 4px; } .user-pages-in-search-wrap .btn{ border-radius: 4px; } .user-pages-in-search-wrap .biaojibtn{ border: 1px solid #ddd; color: #232428; } .user-pages-in-search-wrap .dropdown-menu{ left: auto; right: 0; min-width: 80px; border-radius: 4px; font-size: 14px; } .site-page-news-list{ margin: 0; padding: 0; } .site-page-news-list li{ padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #eee; font-size: 14px; padding-left: 15px; padding-right: 15px; } .site-page-news-list li img{ width: 14px; } .site-page-news-list li:nth-child(even){ background: #f7f7fb; } .site-page-news-list li a:hover{ color: #365f91; } .site-page-news-list li .new-tag{ display: none; } .site-page-news-list .unread-info{ font-weight: bold; color: #18181b; } .site-page-news-list .unread-info .new-tag{ display: inline-block!important; } .site-page-news-list .unread-info .label{ padding: .1rem .2rem; font-size: 12px!important; border-radius: 4px!important; } .site-page-news-list .readnews{ color: #6d7077!important; } .site-page-news-list .readnews a{ color: #6d7077!important; } .site-mail-header{ margin-top: -15px; } .site-mail-header .text-none{ display: inline-block; } /* 站内信加上Checkbox */ .site-mail-check-instyle{ position: absolute; left: 0; top: 0; } /* 验证码ICON */ .yzm-icon-in{ width: 15px; height: 15px; position: absolute; left: 14px; top: 12px; } .t-p-i-show-more-numtext .tooltip{ min-width: 180px!important; } .t-p-i-show-more-numtext .tooltip .tooltip-inner{ max-width: 100%; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 4px!important; font-size: 14px; } /* 手机版让购买按钮有点距离 */ .block-margin-top-px7{ margin-top: auto; } /* 商店信用充值 */ .new-mod-card{ border: 1px solid #e6eaed; background: #fff; border-radius: 3px; padding: 30px; margin-bottom: 30px; } .new-mod-card .column-title{} .new-mod-card .column-title .text-lg{ font-size: 30px; } .new-mod-card .column-title .text-md{ padding-left: 10px; } .new-mod-card .sm-card-list{ border: 1px solid #e5e7fe; background: #f8f7fd; border-radius: 6px; width: 100%; height: 90px; line-height: 90px; text-align: center; color: #0d153c; font-size: 16px; font-weight: bold; margin-top: 30px; cursor: pointer; position: relative; } .new-mod-card .sm-card-list:hover{ border-color: #da2c2d; } .new-mod-card .sm-card-list .icon-in{ position: absolute; width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 10px; background: #fff; color: #da2c2d; top: 5px; right: 5px; display: none; } .new-mod-card .scl-active{ background: #da2c2d; color: #fff; box-shadow: 0 0 30px #ffd5d5; border-color: #da2c2d; } .new-mod-card .scl-active .icon-in{ display: block!important; } .new-mod-card .other-num{ margin-top: 30px; border-radius: 4px; margin-bottom: 5px; } .new-mod-card .top-up-now{ border-radius: 30px; margin-top: 30px; } /* 结账商店信用 */ .checkout-store-new{} .checkout-store-new .panel{ border-radius: 4px; margin-top: 15px; margin-bottom: 0; border-color: #e8e9ed!important; } .checkout-store-new .panel-footer{ background: #f5f6fa; } .checkout-store-new .font-size-lg{ font-size: 16px; } /* 选择付款方式 */ .choose-payment-wrap{} .choose-payment-wrap .new-pay-card{ border: 1px solid #e6eaed; background: #fff; border-radius: 3px; margin-bottom: 30px; } .choose-payment-wrap .new-pay-card .title-block{ padding: 15px 30px; border-bottom: 1px solid #e6eaed; font-size: 30px; margin-bottom: 30px; } .choose-payment-wrap .new-pay-card .cardbody{ padding: 0px 30px 0px 30px; } .choose-payment-wrap .new-pay-card .row{ margin-left: -20px; margin-right: -20px; } .choose-payment-wrap .new-pay-card .col-md-3{ padding-left: 20px; padding-right: 20px; } .choose-payment-wrap .new-pay-card .card-wrap{ cursor: pointer; margin-bottom: 20px; } .choose-payment-wrap .new-pay-card .card-wrap .card-list{ border: 1px solid #ececee; border-radius: 4px; padding: 5px; } .choose-payment-wrap .new-pay-card .card-wrap .card-list:hover{ border: 1px solid #da2c2d; } .choose-payment-wrap .new-pay-card .card-wrap .active{ border: 1px solid #da2c2d!important; } .choose-payment-wrap .new-pay-card .card-wrap .card-list img{ width: 100%; } .choose-payment-wrap .new-pay-card .c-name{ font-weight: bold; padding-top: 5px; } .choose-payment-wrap .footer-info{ background: #f5f6fa; text-align: center; margin-left: -30px; margin-right: -30px; padding-top: 10px; padding-bottom: 10px; font-size: 14px; font-weight: bold; } .order-summ-r-wrap{ border: 1px solid #e8e9ee; background: #fff; border-radius: 3px; } .order-summ-r-wrap .o-header{ background: #f5f6fa; width: 100%; text-align: center; padding-top: 10px; padding-bottom: 10px; font-size: 14px; color: #72789c; } .order-summ-r-wrap .o-body{ padding: 30px; } .order-summ-r-wrap .font-size-lg{ font-size: 16px; font-weight: bold; } .order-summ-r-wrap .pay-now-btn{ border-radius: 4px; margin-top: 30px; } /* 兑换积分 */ .redeem-points-card{ margin-bottom: 30px; border: 1px solid #e4e6ea; border-radius: 3px; background: #fff; overflow: hidden; } .redeem-points-card .points-pic{ width: 180px; height: 180px; border-radius: 3px; float: left; } .redeem-points-card .points-wrap{ padding: 30px; float: left; width: 958px; } .redeem-points-card .points-wrap .labeltitle{ margin-top: 12px; margin-bottom: 5px; } .redeem-points-card .points-wrap .btn-in{ border-radius: 3px; } /* 右上角下拉 */ .my-points-top-show{} .my-points-top-show .show-wrap{ border-top: 1px solid #eee; } .my-points-top-show .show-wrap .linebox{ border-right: 1px solid #eee; padding-top: 10px; padding-bottom: 10px; color: #2B2B36; } .my-points-top-show .show-wrap .linebox .credits-num{ font-size: 20px; padding-left: 3px; font-family: 'bebas_neue'; letter-spacing: 1px; } .my-points-top-show .show-wrap .linebox small{ color: #9a9a9a; } .my-points-top-show .show-wrap .linebox .pointsicon{ width: 20px; height: 20px!important; max-height: 20px!important; vertical-align: -0.26em; } #product_jiezhang .main .section .maincontent .maincontentright .pricecontent .contentheader .libox .pointsicon{ width: 20px; height: 20px!important; max-height: 20px!important; } .product-list-rows .pointsicon2{ width: 20px; height: 20px; vertical-align: -0.46em; } .product-list-rows .points-mar-top{ margin-top: 12px; margin-bottom: 0px; font-family: 'Goth'; } /* 产品列表页购买的时候选择代金券 */ .pay-options-wrap-in{ margin-top: 150px!important; } .pay-options-wrap-in .modal-content{ border-radius: 6px; box-shadow: 0 5px 15px rgba(0,0,0,0.2); } .pay-options-wrap-in .modal-content .modal-header{ padding-top: 20px; padding-bottom: 20px; } .pay-options-wrap-in .modal-content .modal-header .close{ padding: 0px 4px 3px 6px!important; margin-bottom: 0!important; text-align: center; vertical-align: top; font-weight: 700; letter-spacing: 1px; font-size: 18px; line-height: 18px; text-transform: uppercase; background: #f03726; color: #fff; border: 0; border-radius: 30px; position: relative; transition: all 0.3s ease-in-out; display: inline-block; } .pay-options-wrap-in .modal-content .modal-body .btn-wrap{ margin-top: 30px; margin-bottom: 30px; } .pay-options-wrap-in .modal-content .modal-body .btn-wrap .btn-primary{ min-width: 23rem; border-radius: 6px; } .pay-options-wrap-in .modal-content .modal-body .btn-wrap .text-sm{ color: #919199; padding-top: 10px; display: inline-block; } .pay-options-wrap-in .modal-content .modal-header .m-head-text{ font-size: 14px; } .product-page-deail-point-icon{ width: 17px; height: 17px; vertical-align: -0.3em; margin-left: -2px; } /* 支付成功的跳转展示页面 */ .pay-success-prompt-page{ border-radius: .2rem; overflow: hidden; background: #fff; margin-bottom: 30px; } .pay-success-prompt-page .left-box{ background: #56cf96; padding: 30px; color: #fff; text-align: center; position: relative; overflow: hidden; background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#56cf96), to(#3abcb4)); background:-moz-linear-gradient(top,#56cf96,#3abcb4); background-image: -webkit-gradient(linear,left bottom,left top,color-start(0, #56cf96),color-stop(1, #3abcb4)); } .pay-success-prompt-page .left-box .dotline{ width: 5px; height: 600px; border-right: 6px dotted #fff; position: absolute; top: 0; right: -3px; } .pay-success-prompt-page .left-box .b-icon{ font-size: 6rem; } .pay-success-prompt-page .left-box .btn-danger{ margin-top: 30px; background: #fff; border-color: #fff; color: #3abcb4; } .pay-success-prompt-page .left-box .b-text{ font-size: 2rem; } .pay-success-prompt-page .right-box{ padding: 30px 30px 30px 0px; } .pay-success-prompt-page .right-box .list-wrap{ margin: 0; padding: 0; } .pay-success-prompt-page .right-box .list-wrap li{ list-style-type: none; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee; } .pay-success-prompt-page .right-box .list-wrap li:last-child{ border-bottom: 0; } /* 仪表盘页面新加 */ .my-finance-list{ background: #fff; border-radius: .2rem; padding: 30px; margin-bottom: 30px; box-shadow: 0 2px 3px #eee; } .my-finance-list .b-text{ font-size: 3rem; font-family: "bebas_neue"; } .my-finance-list .btn{ font-family: "bebas_neue"; font-size: 1.45rem; min-width: 120px; } /* 代金券按钮 */ .store-cash-coupon-btn{ min-width: auto!important; } .store-cash-coupon-box{ margin-right: auto; margin-left: 5rem; } /* 登录后会员SELL ORDER */ .page-search-order-wrap .pad-left-and-right-none{ padding-left: 0; padding-right: 0; } /* 申请退款 */ .refund-amount-wrapper{} .refund-amount-wrapper .btn-danger{ border-radius: 4px; } .refund-amount-wrap{ position: relative; } .refund-amount-num{ padding-left: 40px; font-weight: bold; font-size: 16px; } .refund-amount-currency-text{ position: absolute; left: 10px; top: 33px; font-weight: bold; } /* 退款记录 */ .refund-records-list-text{ margin: 0; padding: 0; margin-top: 15px; margin-bottom: 15px; } .refund-records-list-text li{ padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee; } .refund-records-list-text li:nth-child(odd){ background: #f8f8f8; } .refund-records-list-text li .text-grey{ color: #999; } .refund-records-list-text li .pad-left{ padding-left: 15px; } .refund-records-list-text li .pad-right{ padding-right: 15px; } /* 没有退款记录提示 */ .no-refund-log-wrap{ background: #fff; padding: 30px; margin-top: -20px; } .no-refund-log-wrap .tips-info{ background: #fbf8e4; border: 1px solid #faeccf; color: #896d40; box-shadow: 0 1px 0px #eee; border-radius: 3px; padding: 30px; text-align: center; } .money-box-box{ min-width: 110px; } /* 退款记录表格字号 */ .my-dashboard-main .table-striped{ font-size: 12px; } /* 间隔颜色列表 */ .table-list-zebra{ margin: 0; padding: 0; } .table-list-zebra li{ padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #eee; padding-left: 5px; padding-right: 5px; } .table-list-zebra li:last-child{ border-bottom: 0px; } .table-list-zebra li .label{ border-radius: 2px; font-size: 12px!important; font-weight: normal!important; padding: 2px 4px; } .t-l-z-big-title{ font-size: 14px; } .table-list-zebra li:nth-child(odd){ background: #f8f8f8; } /* 只在网页显示 */ .show-only-Web{ display: block; } /* 只在手机显示 */ .show-only-phone{ display: none; } /* 我的代金券页面 */ .credits-log-pages-wrap{} .credits-log-pages-wrap .credits-num-text{ font-size: 24px; font-family: "bebas_neue"; } .credits-log-pages-wrap .btn-sm-new{ border-radius: 4px; border:1px solid #82848b; background: #f8f8f8; color: #000; font-weight: bold; margin-top: 3px; } .credits-log-pages-wrap .btn-sm-new:hover{ background: #707279; color: #fff; } .credits-log-pages-wrap .text-r{ text-align: right; } /* 已退回代金券按钮 */ .btn-event-in{ border: 1px solid #6c6a8b; background: #6c6a8b; color: #fff; align-self: flex-end; padding: 6px 10px; border-radius: 5px; font-weight: bold; margin-left: 30px; font-size: 12px; } .btn-event-in:hover{ border: 1px solid #504e67; background: #504e67; color: #fff!important; } /* 商品详情页 加入购物车按钮 */ .btn-danger-outline-new{ border: 1px solid #ec3a2f; background: #fff3f4; color: #ec3a2f; padding: 9px; border-radius: 6px; font-size: 24px; } .btn-danger-outline-new:active{ color: #ec3a2f; } .btn-danger-outline-new:focus{ color: #ec3a2f; } .btn-danger-outline-new:hover{ background: #ec3a2f; color: #fff; } /* 选择支付宝付款提示的图片自适应 */ .transfer_main_left img{ height: auto!important; } /* 注册页面填写信息 国家选择 */ .coun-select-2{ margin-top: 30px; } .coun-select-2 .select2-container{ width: 100%!important; } .coun-select-2 .select2-container--default .select2-selection--single{ border: 1px solid #ccc; box-sizing: border-box; border-radius: 2px; text-align: left; } .coun-select-2 .select2-container .select2-selection--single .select2-selection__rendered{ padding-left: 35px; } .coun-select-2 .select2-container .select2-selection--single{ height: 38px; } .coun-select-2 .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 36px; } .coun-select-2 .select2-container--default .select2-selection--single .select2-selection__arrow{ height: 36px; } /* 列表页面当手机显示的时候 在显示内容前面显示标题 */ .display-only-phone{ display: none; } /* Danger Tips */ .tips-info-danger{ margin-left: 60px; margin-top: 15px; /*margin-bottom: -15px;*/ margin-bottom: 20px; background: #fffefa; color: #ff0d00; border: 1px solid #f5b140; padding: 10px 10px; border-radius: 4px; box-shadow: 0 3px 10px #fff4d6f7; border-bottom: 2px solid #f5b140; } .tips-info-danger .row{ display: flex; align-items: center; } .tips-info-danger .row .col-xs-1{ text-align: center; padding-right: 0px; } .tips-info-danger .row .col-xs-1 img{ width: 100%; margin-top: -10px; } .tips-info-danger .dark-text{ color: #292b31!important; } /* 保险图标 */ .baox-icon-box{ width: 19px; height: 19px; float: left; position: relative; left: -1px; top: -1px; } .baox-icon-box svg{ font-size: 19px; } .baox-icon-box .numtext{ font-size: 12px; letter-spacing:-.5px; position: absolute; width: 19px; height: 19px; text-align: center; line-height: 18px; left: 0px; top: 0px; color: #fff; font-weight: bold; } /* 商品列表页区间查询 */ .search-bar-mar-top{ margin-top: 0px; } .note_show_info{ display: none; background: #FEF6AE!important; color: red!important; } .note_show_info:focus{ background: #eaecf1; color: #333; } .p-a-text-show-hide{ display: block; } .note-btn-warning{ background: #FEF6AE!important; color: red!important; margin-bottom: -15px; } /* 商品详情页加上保险 */ .product-info-page-insure .baox-icon-box { width: 23px!important; height: 23px!important; float: left; position: relative; left: -5px!important; top: -1px; margin-right: -4px; transform: scale(0.8); } .product-info-page-insure .baox-icon-box .numtext { font-size: 12px; letter-spacing: -.5px; position: absolute; width: 23px!important; height: 23px!important; text-align: center; line-height: 22px!important; left: 0; top: 0; color: #fff; font-weight: 700; } .product-info-page-insure .baox-icon-box svg { font-size: 23px!important; } .product-info-page-insure .text-danger { color: #f57374!important; } /* Delete Account */ .del-account-tips{ border: 1px solid #ec3a2f!important; color: #ec3a2f!important; background: #fffafa; border-radius: 4px; font-size: 14px; } .del-account-modal{} .del-account-modal .modal-content{ border-radius: 4px; } .del-account-modal .modal-dialog{ margin: 200px auto; } .del-acc-btn-round{ border-radius: 50px!important; padding-left: 22px!important; padding-right: 22px!important; } /* 买家和卖价等级重新排列 */ .drop-user-level-wrap{ display: flex; display: -webkit-flex; flex-direction: column; } .drop-user-level-wrap .box-list{ width: 100%; height: auto; display: flex; display: -webkit-flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; } .drop-user-level-wrap .box-list .in-box{ display: flex; width: 50%; height: 55px; padding: 10px 10px 5px 10px; justify-content: center; flex-wrap: wrap-reverse; border-bottom: 1px solid #eee; border-left: 1px solid #eee; } .drop-user-level-wrap .box-list .in-box .tubox{ flex-shrink: 0; width: 100%; justify-content: center; padding-left: 0; padding-right: 0; } .drop-user-level-wrap .box-list .in-box .sm-text{ flex-shrink: 0; width: 100%; text-align: center; color: #9a9a9a; } .drop-user-level-wrap .imgboxdengji{ width: 20px; height: auto; margin-top: 6px; } .drop-user-level-wrap .imgboxdengji img{ margin-left: 1px!important; margin-right: 1px!important; } /* 登录后面板首页 */ .dash-page-level-twrap{ height: 40px; /* width: 23px; */ text-align: center; display: flex; align-items: center; } .dash-page-level-text{ position: relative; top: -5px; padding-right: 5px; } .dash-page-buyer-level-box{ margin-top: -15px; } /* 产品列表页面购买按钮下面的积分提示 */ .popover{ background: #333; color: #fff; font-size: 12px; border: 0; } .popover a{ color: #36acf5; } .popover>.arrow{ border-width: 7px; } .popover.bottom>.arrow{ top: -6px; } .popover>.arrow, .popover>.arrow:after{ border-bottom-color: #333!important; } /* 新的买家等级图标 */ .buyer-level-new-icon-2020{} .buyer-level-new-icon-2020 .imgboxdengji{ width: 30px!important; margin-bottom: -2px; } .buyer-level-new-icon-2020 img{ max-height: 35px!important; } /* 买家订单状态 */ .buy-order-page-state-btn{} .buy-order-page-state-btn .btn{ border-radius: 4px!important; background: none!important; } .buy-order-page-state-btn .btn-danger{ color: red!important; border: 1px solid red!important; } .buy-order-page-state-btn .btn-warning{ color: #fc772d!important; border: 1px solid #fc772d!important; } .buy-order-page-state-btn .btn-success{ color: #48ab4d!important; border: 1px solid #48ab4d!important; } .buy-order-page-state-btn .btn-primary{ color: #3879b4!important; border: 1px solid #3879b4!important; } .buy-order-page-state-btn .btn-info{ color: #5cbad7!important; border: 1px solid #5cbad7!important; } .buy-order-page-state-btn .btn-default{ color: #666!important; border: 1px solid #999!important; } /* 搜索结果展示方式新 */ .search-result-dropdown-list-wrap{ padding: 0px 15px; } .search-result-dropdown-list-wrap .search-result-list-link { border: 0; color: #2b2b2b; padding: 5px 6px; background: #fafafa; border-radius: 4px; overflow: hidden; margin-bottom: 5px; display: inline-block; margin-right: 8px; /*box-shadow: 0 0 2px #ddd;*/ font-family: Gothbold; } .search-result-dropdown-list-wrap .search-result-list-link:last-child{ margin-right: 0; } .search-result-dropdown-list-wrap .search-result-list-link img{ width: 18px; height: 18px; margin-right: 5px; } .search-result-dropdown-list-wrap .search-result-list-link:hover{ border: 0; /*background: #de2826;*/ /*color: #fff;*/ text-decoration: none; } .s-r-d-l-w-addcolor{ color: #dc2d2e!important; } /* 默认第一个展开 */ .first-search-result-show{ background: #f8f8f8; padding-bottom: 8px; } .first-search-result-show .lia{ color: #de2826!important; } .first-search-result-show .search-result-dropdown-list-wrap{ display: block!important; } /* 取消订单新加 */ .motaikuang .motaikuangbody .main .form-control{ border-radius: 4px!important; } .cancel-order-modal-tipsinfo{ background: #fcfbf5; box-shadow: 0 0 4px #ebe8dd; border-radius: 4px; padding: 10px; margin-top: 10px; margin-bottom: 10px; color: #2E2D3C; } .cancel-order-modal-refund-amount{ margin-bottom: 10px; } .cancel-order-modal-refund-amount strong{ font-size: 16px; } .cancel-order-modal-refund-amount .form-inline{ margin-bottom: 10px; } .cancel-order-modal-refund-amount .form-inline .form-group label{ display: inherit!important; } /* 产品列表页价格区间搜索 */ .product-list-price-search-wrap{ width: 252px; margin-left: auto; padding-right: 30px; position: relative; } .product-list-price-search-wrap .mask-top{ width: 75%; height: 35px; z-index: 2; position: absolute; left: 0; top: 0; } .product-list-price-search-wrap input{ border-radius: 4px; background: #fff!important; cursor: default; } .product-list-price-search-wrap .currency-box{ display: block; position: absolute; right: 5px; top: 5px; padding: 5px; font-size: 14px; } .product-list-price-search-wrap .currency-box2{ display: block; position: absolute; right: 20px; top: 5px; padding: 5px; font-size: 14px; } .product-list-price-search-wrap .andline{ line-height: 33px; } .product-list-price-search-wrap .price-drop-box{ position: absolute; width: 310px; min-height: 200px; background: #fff; border: 1px solid #ccc; border-radius: 4px 0px 4px 4px; right: 30px; top: 35px; z-index: 9999; padding: 20px; } .product-list-price-search-wrap .radio{ font-size: 14px; margin-top: 10px; margin-bottom: 10px; } .product-list-price-search-wrap .radio input{ margin-top: 4px; } .product-list-price-search-wrap .btn-danger{ border-radius: 4px; padding-top: 5px; padding-bottom: 6px; } .cut_dvprice{ position: absolute; right: 40px; top: 9px; cursor: pointer; } .cut_dvprice:hover{ color: #ec3a2f; } .p-list-row-usernone{} /* 悬浮图片 */ .hover-picture{ width: 240px; max-height: 750px; position: fixed; /*margin-left: 1180px; bottom: 0px;*/ z-index: 99999; right: 0; top: 300px; } .hover-picture .list-pic{ width: 240px; /*height: 240px;*/ background: #eee; margin-bottom: 15px; border-radius: 3px; overflow: hidden; position: relative; } .hover-picture .list-pic img{ width: 100%; } .hover-picture .list-pic .close-this{ position: absolute; z-index: 2; right: 0px; top: 0px; padding: 2px 4px; background: #000; color: #fff; border-radius: 3px; cursor: pointer; } .hover-picture .list-pic .close-this:hover{ background: #ec3a2f; } /* 上传商品图 */ .add_div { width: 100%; overflow: hidden; margin-top: 30px; } .file-list { width: 83.3333%; float: left; height: 125px; display: none; list-style-type: none; padding-left: 5px; } .file-list img { position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; } .file-item { width: 20%; float: left; box-sizing: border-box; padding-left: 5px; padding-right: 5px; } .file-item .imgbox{ border: 1px solid #ddd; width: 100%; height: 125px; padding: 5px; position: relative; border-radius: 2px; } .add-propic-wrap{ width: 16.66666%; float: left; position: relative; } .add-propic-wrap .add-lineblock-btn svg{ font-size: 30px; margin-bottom: 5px; } .add-propic-wrap input{ position: absolute; left: 0; top: 0; width: 100%; } .add-lineblock-btn{ border: 1px solid #ddd; border-radius: 2px; width: 100%; height: 125px; display: flex; align-items: center; flex-wrap: wrap; align-content: center; background-color: #f8f8f8; text-align: center; cursor: pointer; color: #2E2D3C; } .add-lineblock-btn .text-in-box{ width: 100%; } .file-del { position: absolute; right: 0; top: 0; display: inline-block; cursor: pointer; padding: 0px 4px; background: #ddd; } .add-product-pic-btn{ border-radius: 20px; padding: 8px 20px; background: #00c085; opacity: .8; color: #fff; border: 0; margin-top: 30px; } .product-update-photo-wrap{ } .product-update-photo-wrap label{ width: 100%; } .product-update-photo-wrap .imgbox{ border: 1px solid #ddd; padding: 5px; width: 20%!important; float: left; margin-left: -1px; display: inherit!important; position: relative; } .product-update-photo-wrap .imgbox .del-this{ background: #aeb3b9; border-radius: 30px; width: 15px; height: 15px; line-height: 13px; text-align: center; font-size: 12px; color: #fff; /* padding: 0px 5px; */ display: inline-block; position: absolute; right: 5px; top: 5px; cursor: pointer; } .product-update-photo-wrap .imgbox .del-this:hover{ background: #f39697; } /* 支付选项卡 */ .sel-pay-collap{ margin-bottom: 0; } .sel-pay-collap .panel-default{ border: 0; border-radius: 4px 4px 0px 0px!important; } .sel-pay-collap .panel-default>.panel-heading{ border-radius: 4px 4px 0px 0px; padding: 0; } .sel-pay-collap .panel-default>.panel-heading a{ display: block; padding: 1rem 1.5rem; } .sel-pay-collap .panel-default>.panel-heading a img{ width: 14px; margin-top: 3px; } .sel-pay-collap .zhifulibox{ padding-left: 0px!important; padding-right: 0px!important; } .sel-pay-collap .sel-pay-cou{ border-bottom: 1px solid #eee; padding-bottom: 10px; overflow: hidden; margin-top: -5px; } .sel-pay-collap .sel-pay-cou select{ max-width: 20rem; float: right; border-radius: 4px; padding-top: 1px; padding-bottom: 1px; height: 32px; } .sel-pay-collap .sel-pay-cou .select2-container{ width: 300px!important; } .sel-pay-collap .pay-fee-text{ color: #e57777; } .show_payment_note{ padding-left: 35px; color: #db2c2d; } /* 选择支付方式加载 */ .payment-loading{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.7); z-index: 15000; } .payment-loading .gifpic{ width: 20px!important; height: 20px!important; position: absolute; top: 50%; left: 50%; margin-top: -10px; margin-left: -10px; background: url("../images/pay-load.gif") no-repeat center; background-size: 100%; } /* 产品列表页加上显示更多报价 */ .more-offers{ width: 200px; overflow: hidden; padding: 2px 5px; text-align: center; border-radius: 50px; /* margin-top: 5px; */ /*background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#fff), to(#eeeeee));*//*谷歌*/ border: 2px solid #fff; background: #f7f7fa; box-shadow: 0 0 15px #eaeaf1; } .more-offers:hover{ background: #fff; } .more-offers strong{ color: #da2c2d; } .more-offers a{ color: #1094fa; text-decoration: none; font-size: 12px; } .all-seller-quotations{ margin-left: 30px; margin-top: 20px; color: #fff; /*background: #fff;*/ padding: 10px 20px; border-radius: 6px; border: 1px solid #eee; cursor: pointer; box-shadow: 0 0 10px #eee; background:-moz-linear-gradient(left,#ed103e,#fc9f28);/*火狐*/ background:-webkit-gradient(linear, 0% 0%, 100% 0%,from(#ed103e), to(#fc9f28));/*谷歌*/ background-image: -webkit-gradient(linear,left bottom,left top,color-start(0, #ed103e),color-stop(1, #fc9f28));/* Safari & Chrome*/ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ed103e', endColorstr='#fc9f28'); /*IE6 & IE7*/ position: relative; top: -10px; z-index: 2; text-align: center; /*text-shadow: 0 0 10px red,0 0 20px red,0 0 5px red,0 0 40px red;*/ text-decoration: underline; font-size: 16px; } .all-seller-quotations:hover{ box-shadow: 0 0 15px #ccc; } .all-seller-quotations img{ width: 25px; border-radius: 50px; } .all-seller-quotations svg{ font-size: 2rem; } .all-seller-quotations strong{ color: #cf0; } /* 卖家更多产品分别在PC和PHONE显示或不显示 */ .more-offers-just-pc-show{ display: block; } .more-offers-just-phone-show{ display: none; } /* 其他本地支付 */ .other-local-payment-wrapper{} .other-local-payment-wrapper .search-box-pad-l-r{ padding-left: 17px; padding-right: 17px; margin-bottom: 15px; } .other-local-payment-wrapper .select2-container{ width: 100%!important; } .other-local-payment-wrapper .select2-container--default .select2-selection--single{ border-color: #ccc!important; border-radius: 4px!important; } .other-local-payment-wrapper .select2-container .select2-selection--single{ height: 30px!important; } .other-local-payment-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 30px!important; } .other-local-payment-wrapper input{ border-radius: 4px; } .other-local-payment-wrapper .btn{ border-radius: 4px!important; position: absolute; right: 15px; top: 1px; } .show-more-other-btn{ min-width: 90px; cursor: pointer; display: block; margin: auto; border:1px solid #de2a25; background: #de2a25; color: #fff; border-radius: 3px; margin-top: 5px; } .show-more-other-btn:hover{ background: #f3332e; border:1px solid #f3332e; color: #fff; } .pay-pages-card-line-bg{ width: 100%; height: 36px; background: url("../images/paylinebg.png") no-repeat center; padding-top: 7px; } /* Related searches */ .r-s-w-up-title{ font-size: 2rem; font-weight: 500; text-transform: uppercase; margin-bottom: 20px; margin-top: -30px; } .related-searches-wrapper{ background: #fff; border: 1px solid #e9e9ee; padding: 30px; overflow: hidden; border-radius: 3px; } .related-searches-wrapper .rs-title{ font-size: 20px; font-weight: bold; margin-bottom: 10px; padding-left: 1.2%; } .related-searches-wrapper a{ width: 23%; height: 38px; display: block; border: 1px solid #f1f3f4; border-radius: 60px; padding-left: 30px; background: #f1f3f4 url("../images/searchicon.png") no-repeat 9px 10px; background-size: 14px; margin-left: 1%; margin-right: 1%; margin-bottom: 5px; float: left; display: flex; align-items: center; line-height: normal; padding-right: 5px; } .related-searches-wrapper a:hover{ background: #eceeef url("../images/searchicon.png") no-repeat 9px 10px; background-size: 14px; border-color: #eceeef; } /* 相关商品 */ .recently-viewed-wrap{ padding-bottom: 0px; margin-top: 30px; font-family: Bebas_Neue; } .recently-viewed-wrap .r-v-big-title{ font-size: 36px; text-align: center; padding-bottom: 20px; font-weight: 500; padding-top: 0px; line-height: 1; } .recently-viewed-wrap .view-product-list{ background: #fff; box-shadow: 0 5px 5px 0 rgba(85, 85, 85, 0.06); border-radius: 4px; padding: 20px 20px; overflow: hidden; border: 1px solid #eee; position: relative; } .recently-viewed-wrap .view-product-list .vpl-title{ margin-bottom: 10px; height: 75px; overflow: hidden; } .recently-viewed-wrap .view-product-list .vpl-title a{ color: #2E2D3C; text-decoration: none; } .recently-viewed-wrap .view-product-list .smtext{ color: #9292a1; } .recently-viewed-wrap .view-product-list p .text-danger{ font-family: "bebas_neue"; font-size: 24px; } .recently-viewed-wrap .userlike .product-list-card-show-s3 .card-show-footer-new-style{ font-family: Gothbold; } .recently-viewed-wrap .userlike .product-list-card-show-s3 .fast-delivery-label{ font-family: Gothbold; } .recently-viewed-wrap .btn-danger{ background: none!important; color: #de2a25; box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(222, 42, 37, 0.8) 0px 0px 0px 1px; transition: all ease .5s; } .recently-viewed-wrap .btn-danger:hover{ box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 24px 0px, rgba(255, 64, 59, 0.5) 0px 0px 0px 1px; color: #fc605c; } .recently-viewed-wrap .btn-danger:active{ color: #fc605c!important; } #owl-view-product { width: 100%; margin-left: auto; margin-right: auto; } #owl-view-product .item { display: block; margin: 5px 0px; padding-left: 5px; padding-right: 5px; } #owl-view-product .owl-prev{ position: absolute; left: -15px; top: 6rem; margin: 0; } #owl-view-product .owl-next{ position: absolute; right: -15px; top: 6rem; margin: 0; } #owl-view-product .owl-prev img{ width: 20px; margin-top: .45rem; margin-bottom: .45rem; } #owl-view-product .owl-next img{ width: 20px; margin-top: .45rem; margin-bottom: .45rem; } .recently-viewed-wrap .owl-pagination{ display: none; } .if-gold-page-product-photo-phone-none{ display: block; } .game-info-margin-boot{ padding-bottom: 15px!important; } .pages-imgnav-active img{ border: 2px solid #fc0; box-shadow: 0 0 10px #fc0; } .pages-product-title{ font-size: 18px!important; } .font-size-px-18{ font-size: 20px!important; line-height: 24px; color: #525257; /*font-family: cursive;*/ margin-bottom: 10px; text-transform: uppercase; font-weight: bold; font-family: 'Gothbold'; } /* WOW PAGES */ .w-this-check-in{ position: absolute; top: 0; right: 15px; z-index: 2; display: none; padding: 2px 5px; background: #fecb2f; border-radius: 3px 3px 3px 6px; font-size: 14px; color: #000; } .pages-imgnav-active .w-this-check-in{ display: block; } .wowpicnav{ margin-bottom: 8px; } /* wow页面子菜单 */ .w-sub-nav-wrap{ border-bottom: 2px solid #de2826; overflow: hidden; margin-bottom: 12px; } .wowpages-subnav{ margin: 0px 0px 0px 0px; padding: 0; overflow: hidden; margin-left: -2px; margin-right: -2px; } .wowpages-subnav li{ /*width: 22%;*/ float: left; list-style-type: none; padding-left: 2px; padding-right: 2px; } .wowpages-subnav li a{ display: block; padding: 7px 15px 7px 70px; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; border-radius: 3px 3px 0px 0px; cursor: pointer; } .wowpages-subnav li a strong{ font-size: 18px; } .wowpages-subnav li a small{ font-size: 16px; } .wowpages-subnav li a img{ width: 25px; vertical-align: -0.25em; border-radius: 2px; } .wowpages-subnav li a .label-default{ border-radius: 30px!important; background: #f8f8f8!important; color: #999!important; border: 1px solid #e0e0e0; } .wowpages-subnav .active a{ background: #da2c2d; color: #fff; border-left: 1px solid #da2c2d; border-right: 1px solid #da2c2d; border-top: 1px solid #da2c2d; } .wowclassuslink{ background: #fff url("../images/wowclassus.png") no-repeat 12px 8px; background-size: 48px; } .wowpages-subnav .active .wowclassuslink{ background: #da2c2d url("../images/wowclassus2.png") no-repeat 12px 8px; background-size: 48px; } .wowclasseulink{ background: #fff url("../images/wowclasseu.png") no-repeat 12px 8px; background-size: 48px; } .wowpages-subnav .active .wowclasseulink{ background: #da2c2d url("../images/wowclassus2.png") no-repeat 12px 8px; background-size: 48px; } .wowuslink{ background: #fff url("../images/wowusicon.png") no-repeat 12px 8px; background-size: 48px; } .wowpages-subnav .active .wowuslink{ background: #da2c2d url("../images/wowusicon2.png") no-repeat 12px 8px; background-size: 48px; } .woweulink{ background: #fff url("../images/woweuicon.png") no-repeat 12px 8px; background-size: 48px; } .wowpages-subnav .active .woweulink{ background: #da2c2d url("../images/wowusicon2.png") no-repeat 12px 8px; background-size: 48px; } .product-list-rows .media .media-body .media-heading{ word-break:break-all!important; } /* New Help Pages */ .help-header{ border-bottom: 1px solid #e4e8f1; box-shadow: inset 0px 0px 2px #fff; font-size: 14px; text-transform: uppercase; } .help-header .navbar-nav{ margin-right: -30px; } .help-header .navbar-toggle .icon-bar{ background: #9ba3b9; } .help-header .navbar-collapse{ border-top: 1px solid #eaeaf1; box-shadow: inset 0px 0px 2px #fff; } .help-header .navbar-brand{ padding: 5px 0px; display: flex; align-items: center; } .help-header .navbar-nav>li>a:hover{ background: #e4e8f1; } .wel-big-title{ /*font-weight: 700!important;*/ margin-top: 30px; margin-bottom: 30px; font-size: 40px; text-transform: uppercase; font-family: inherit; } .help-search-wrap{ width: 70%; margin: auto; position: relative; } .help-search-wrap .search-in{ height: 53px; line-height: 53px; width: 100%; border-radius: 100px; border: 1px solid #d7d7e0; background: #fff; box-shadow: inset 2px 2px 5px rgba(51,51,51,0.1) !important; padding-left: 50px; outline: none; margin-bottom: 15px; font-size: 14px; } .help-search-wrap .search-icon{ position: absolute; left: 16px; top: 14px; font-size: 24px; color: #bdbdbd; z-index: 2; } .help-search-wrap .search-btn{ position: absolute; top: 0; right: 0; height: 53px; padding-left: 40px; padding-right: 40px; background: #f1453d; color: #fff; font-size: 14px; display: block; border-radius: 0 100px 100px 0; cursor: pointer; z-index: 2; font-weight: 700; border: 0; } .help-search-wrap .search-btn:hover{ background: #e23a33; } .hep-btn-card{ background: #fff; border-radius: 10px; box-shadow: 0 0px 20px 5px rgba(62,60,98,0.08); display: block; cursor: pointer; padding: 25px 30px 30px 30px; margin-top: 30px; height: 128px; } .hep-btn-card strong{ font-size: 24px; } .hep-btn-card p{ color: #666; font-size: 14px; } .h-b-c-icon1{ padding-left: 93px!important; background:#fff url("../images/help-card-icon1.png") no-repeat 25px 31px; background-size: 46px; } .h-b-c-icon1:hover{ padding-left: 93px!important; background:#eaeaf1 url("../images/help-card-icon1.png") no-repeat 25px 31px; background-size: 46px; box-shadow: none; } .h-b-c-icon2{ padding-left: 93px!important; background:#fff url("../images/help-card-icon2.png") no-repeat 25px 31px; background-size: 46px; } .h-b-c-icon2:hover{ padding-left: 93px!important; background:#eaeaf1 url("../images/help-card-icon2.png") no-repeat 25px 31px; background-size: 46px; box-shadow: none; } .h-b-c-icon3{ padding-left: 93px!important; background:#fff url("../images/help-card-icon3.png") no-repeat 28px 31px; background-size: 45px; } .h-b-c-icon3:hover{ padding-left: 93px!important; background:#eaeaf1 url("../images/help-card-icon3.png") no-repeat 28px 31px; background-size: 45px; box-shadow: none; } .h-b-c-icon4{ padding-left: 93px!important; background:#fff url("../images/help-card-icon4.png") no-repeat 25px 31px; background-size: 46px; } .h-b-c-icon4:hover{ padding-left: 93px!important; background:#eaeaf1 url("../images/help-card-icon4.png") no-repeat 25px 31px; background-size: 46px; box-shadow: none; } .h-b-c-icon5{ padding-left: 93px!important; background:#fff url("../images/help-card-icon5.png") no-repeat 25px 31px; background-size: 47px; } .h-b-c-icon5:hover{ padding-left: 93px!important; background:#eaeaf1 url("../images/help-card-icon5.png") no-repeat 25px 31px; background-size: 47px; box-shadow: none; } .h-b-c-icon6{ padding-left: 93px!important; background:#fff url("../images/help-card-icon6.png") no-repeat 21px 29px; background-size: 54px; } .h-b-c-icon6:hover{ padding-left: 93px!important; background:#eaeaf1 url("../images/help-card-icon6.png") no-repeat 21px 29px; background-size: 54px; box-shadow: none; } .help-articles-wrap{} .help-articles-wrap .bigtitle{ font-size: 40px; margin-top: 20px; margin-bottom: 40px; text-transform: uppercase; font-family: inherit!important; } .help-articles-list{ padding-left: 15px; position: relative; min-height: 140px; } .help-articles-list .red-line{ width: 4px; height: 17px; background: #f1453d; border-radius: 10px; position: absolute; left: 0; top: 4px; display: block; } .help-articles-list .b-title{ font-size: 22px; font-weight: 500; margin-bottom: 15px; } .help-articles-list .b-title a{ color: #3f404f; } .help-articles-list .b-title a:hover{ color: #f1453d; } .help-articles-list p{ font-size: 14px; color: #71717d; } .other-help-wrap{ background: #f9f9f9; margin-top: 40px; } .other-help-wrap .bigtitle { font-size: 36px; margin-bottom: 40px; margin-top: 50px; font-family: inherit; text-transform: uppercase; } .other-help-wrap .mediation-center{ background: #e9f3f5; padding: 10px; border-radius: 10px; color: #001b38; display: block; margin-bottom: 60px; } .other-help-wrap .mediation-center:hover{ background: #e1f0f3; } .other-help-wrap .mediation-center strong{ font-size: 26px; margin-top: 17px; display: inline-block; font-weight: 500; } .other-help-wrap .mediation-center p{ font-size: 14px; } .other-help-wrap .mediation-center img{ width: 100px; } .other-help-wrap .bootmenu-contact-us{ background: #ecf3ea; padding: 10px; border-radius: 10px; color: #24470d; display: block; margin-bottom: 60px; } .other-help-wrap .bootmenu-contact-us:hover{ background: #e4ede1; } .other-help-wrap .bootmenu-contact-us strong{ font-size: 26px; margin-top: 17px; display: inline-block; font-weight: 500; } .other-help-wrap .bootmenu-contact-us p{ font-size: 14px; } .other-help-wrap .bootmenu-contact-us img{ width: 100px; } .frequently-asked-questions{ margin-top: 150px; } .recent-articles{ margin-top: 60px; } .help-pages-breadcrumb{ background: rgba(179,169,199,.35); } .help-pages-breadcrumb .breadcrumb{ margin-bottom: 0; padding-left: 0; background: none; } .help-pages-breadcrumb .breadcrumb li a{ color: #7d7d88; } .help-pages-breadcrumb .breadcrumb>.active{ color: #7d7d88; } .help-article-list-page-wrapper{ margin-top: 30px; min-height: 500px; } .help-article-list-page-wrapper .list-loop{ background: #fff; border-radius: 10px; border: 1px solid #eaeaf1; overflow: hidden; margin-bottom: 30px; } .help-article-list-page-wrapper .list-loop .list-text{ margin: 0; padding: 0; } .help-article-list-page-wrapper .list-loop .list-text li{ border-bottom: 1px solid #eaeaf1; padding-top: 15px; padding-bottom: 15px; list-style-type: none; font-size: 16px; padding-left: 40px; padding-right: 15px; background:#fff url("../images/help-arrow.png") no-repeat 15px 20px; background-size: 14px; } .help-article-list-page-wrapper .list-loop .list-text li a{ color: #3f404f; } .help-article-list-page-wrapper .list-loop .list-text li a:hover{ color: #f1453d; } .help-article-list-page-wrapper .list-loop .b-title{ font-weight: 600; padding: 15px 15px; border-bottom: 1px solid #eaeaf1; font-size: 20px; } .help-article-list-page-wrapper .list-loop .btn-box{ padding: 15px; } .help-article-list-page-wrapper .list-loop .btn-box .btn{ border-radius: 6px; } .article-show-wrap{ border: 1px solid #eaeaf1; padding: 30px; border-radius: 10px; font-size: 14px; line-height: 24px; margin-bottom: 30px; min-height: 500px; } .article-show-wrap h1{ font-size: 34px; margin-bottom: 15px; font-weight: 500; } .article-show-wrap .did-you-find-it-helpful{ background: #f8f8f8; border-radius: 10px; padding: 15px; margin-top: 30px; } .article-show-wrap .did-you-find-it-helpful .btn{ border-radius: 6px; margin-right: 10px; } .article-show-wrap .did-you-find-it-helpful .btn-default{ background: #f1f1f1; border-color: #f1f1f1; color: #1a242f!important; font-weight: 700; } .article-show-wrap .did-you-find-it-helpful .btn-default:hover{ background: #e7e7e7; border-color: #e7e7e7; } .article-show-wrap .did-you-find-it-helpful label{ display: block; font-size: 14px; font-weight: 500; } .article-show-wrap .did-you-find-it-helpful input{ border-radius: 6px; } .article-show-wrap .did-you-find-it-helpful .strong-title{ font-weight: 500; } .article-show-wrap .p-tips{ line-height: 18px; border: 1px solid #ffefd1; border-left: 3px solid #fca871; border-radius: 4px; padding: 8px 8px 8px 30px; background: #fffefb; color: #b55c1a; background-image: url("../images/wraning-tip-icon.png"); background-repeat: no-repeat; background-size: 15px; background-position: 10px 9px; } .btn_yes img{ width: 18px; } .btn_no img{ width: 18px; } .help-sidebar-list{} .help-sidebar-list .big-title{ font-size: 24px; font-weight: 500; margin-bottom: 10px; display: inline-block; padding-left: 5px; } .help-sidebar-list .h-s-l{ margin: 0; padding: 0; } .help-sidebar-list .h-s-l li{ padding-top: 10px; padding-bottom: 10px; font-size: 14px; padding-left: 30px; background:#fff url("../images/help-arrow.png") no-repeat 5px 14px; background-size: 14px; } .help-sidebar-list .h-s-l li a{ color: #3f404f; } .help-sidebar-list .h-s-l li a:hover{ color: #f1453d; } .border-round-px6{ border-radius: 6px!important; } .margin_bottom10{ margin-bottom: 10px; } .help-sidebar-search{ overflow: hidden; position: relative; padding-left: 10px; margin-top: 5px; margin-bottom: 10px; } .help-sidebar-search .search-in{ width: 100%; height: 38px; line-height: 38px; padding-left: 15px; padding-right: 15px; border-radius: 6px; border: 1px solid #d7d7e0; background: #fff; box-shadow: inset 2px 2px 5px rgba(51,51,51,0.1) !important; } .help-sidebar-search .search-btn{ position: absolute; right: 3px; top: 8px; color: #f1453d; display: inline-block; border: 0; background: none; font-size: 20px; } /* 帮助页面分页 */ .help-page-pagination{ width: 100%; text-align: center; } .help-page-pagination li span{ position: relative; float: left; padding: 8px 12px; line-height: 1.42857143; text-decoration: none; margin-right: 4px; margin-left: 4px; } .help-page-pagination>li>a, .help-page-pagination>li>span{ border-radius: 6px!important; border-color: #e7201f; background: #e7201f; color: #fff; } .help-pages-ph .problem_header{ background: none; padding: 0; } .help-pages-ph .problem_header .problem_inputbox{ padding-top: 0; } .help-pages-ph .problem_header .problem_inputbox .problem_input{ height: 53px; line-height: 53px; width: 100%; border-radius: 100px; border: 1px solid #d7d7e0; background: #fff; box-shadow: inset 2px 2px 5px rgba(51,51,51,0.1) !important; padding-left: 20px; padding-right: 50px; outline: none; margin-bottom: 15px; font-size: 14px; } .help-pages-ph .search-icon{ position: absolute; right: 185px; top: 14px; font-size: 25px; color: #8b9096; } .help-pages-ph .problem_header .problem_inputbox .input_content{ top: 53px; border-radius: 30px; overflow: hidden; max-height: 400px; overflow-y: auto; } /* 比特币提现手续费等标签 */ .loans .withdrawals .account_choose .libox_top{ position: relative; } .btcgetmywallet{ position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; padding: 2px; } .btcgetmywallet .fee-tags{ background: #f60; display: inline-block; padding: 0px 2px; border-radius: 4px; color: #fff; float: left; margin-right: 3px; margin-top: 2px; } /* 联盟计划 */ .a-p-content{ display: none; } .a-p-select-in{ display: block; } .a-p-table-nav-head{ height: 35px; border-bottom: 2px solid #f0f0f2; margin-top: 15px; margin-bottom: 15px; } .a-p-table-nav-head li{ height: 35px; line-height: 35px; margin-right: 30px; list-style-type: none; float: left; position: relative; font-size: 16px; font-weight: 700; } .a-p-table-nav-head li .b-line{ position: absolute; width: 100%; height: 2px; background: #df2725; left: 0; bottom: 0; display: none; } .a-p-table-nav-head .active .b-line{ display: inline-block; } .a-p-line-box{ border: 1px solid #dbdbdd; padding: 15px; margin-top: 15px; margin-bottom: 30px; font-size: 14px; box-shadow: 0 1px 1px rgba(0,0,0,0.05); } .a-p-line-box .balance-num{ font-size: 30px; color: #ff3e32; } .a-p-line-box .label-default{ border-radius: 30px; } .a-p-line-box .btn-in{ width: 100%; height: 35px; line-height: 30px; color: #fff; border: 0; border-radius: 3px; background: #61646d; display: inline-block; margin-top: 15px; margin-bottom: 15px; font-weight: 700; } .a-p-line-box .btn-in:hover{ background: #636b80; } .a-p-forking{ background: #f7f6fb; border-radius: 3px; padding: 15px; text-align: center; margin-top: 15px; height: 125px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .a-p-forking .text-danger{ color: #f33f2e; } .a-p-forking img{ width: 50px; display: inline-block; margin-bottom: 10px; } .a-p-forking p{ font-size: 16px; font-weight: 700; } .a-p-my-union-top{ height: 195px; } .a-p-my-net-head{ background: -webkit-linear-gradient(#f7f6fb,#eeedf2); background: -o-linear-gradient(#f7f6fb,#eeedf2); background: -moz-linear-gradient(#f7f6fb,#eeedf2); background: -mos-linear-gradient(#f7f6fb,#eeedf2); background: linear-gradient(#f7f6fb,#eeedf2); padding: 15px; position: relative; } .a-p-my-net-head .left-box{ width: 10%; float: left; } .a-p-my-net-head .right-box{ width: 90%; float: left; } .a-p-my-net-head .right-box strong{ font-size: 20px; } .a-p-my-net-head .right-box p{ font-size: 14px; } .a-p-my-net-head img{ height: 55px; } .a-p-my-net-head .sjarrow{ width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #eeeef3; position: absolute; left: 45px; bottom: -10px; } .a-p-my-net-wrap{ border: 1px solid #dbdbdd; padding: 15px; font-size: 14px; margin-bottom: 30px; } .a-p-my-net-wrap .copy-btn{ position: absolute; right: 22px; top: 8px; border: 0; background: #f33f2d; color: #fff; cursor: pointer; border-radius: 4px; } .a-p-my-income-icon{ padding: 10px; float: left; border-radius: 12px; font-size: 20px; margin-bottom: 15px; } .a-p-my-income-text{ float: left; overflow: hidden; padding-left: 15px; } .a-p-my-income-text strong{ font-size: 16px; color: #1a242f; } .a-p-m-i-icon1{ background: #f8592f; color: #fff; box-shadow: 5px 5px 10px #ffb8a5; } .a-p-m-i-icon2{ background: #fdab3b; color: #fff; box-shadow: 5px 5px 10px #ffd397; } .a-p-m-i-icon3{ background: #3a49b0; color: #fff; box-shadow: 5px 5px 10px #c7ceff; } .a-p-m-i-flex{ display: flex; justify-content: center; } .a-p-transactions{ margin: 15px 0 0 0; padding: 0; } .a-p-transactions li{ list-style-type: none; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; } .a-p-transactions li:nth-child(2n+1){ background: #f7f7fa; } .a-p-of-service{ background: #f7f7fa; border-radius: 10px; padding: 30px; text-align: center; margin-bottom: 0px; font-size: 14px; } .a-p-of-service strong{ font-size: 20px; margin-bottom: 10px; display: inline-block; } .a-p-of-service .more-info{ padding: 5px 10px; border: 1px solid #f33f2d; border-radius: 3px; background: none; color: #f33f2d; margin-top: 15px; } .a-p-of-service .more-info:hover{ background: #f33f2d; color: #fff; } .a-p-references{ margin: 0; padding: 0; } .alliance-members .row div{ padding-left: 10px; padding-right: 0px; } .alliance-members .a-p-user{ width: 30px; display: inline-block; float: left; border-radius: 30px; margin-right: 5px; } .a-p-references li{ list-style-type: none; padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #eee; line-height: 30px; } .a-p-pc-show{ display: block; } .a-p-phone-show{ display: none; } .copy-ok-tips{ font-size: 14px; font-weight: 700; color: #6bbe7d; float: right; margin-right: 5px; } /* 其他登陆 */ .or-login-line-block{ width: 100%; height: 30px; border-top: 1px solid #eee; position: relative; margin-top: 30px; } .or-login-line-block .or-text{ position: absolute; width: 30px; height: 30px; top: -12px; background: #fff; left: 50%; margin-left: -15px; font-size: 14px; color: #7a7a7a; } .btn-fb-login{ background: #fff; border: 1px solid #eee; box-shadow: 0 3px 8px #eee; color: #787b80; position: relative; font-size: 13px; margin-top: 10px; margin-bottom: 10px; } .btn-fb-login:hover{ background: #3c6cd3; border: 1px solid #3c6cd3; color: #fff; } .btn-fb-login:focus{ color: #787b80; } .btn-fb-login svg{ position: absolute; left: 9px; top: 5px; font-size: 25px; color: #3c6cd3; } .btn-fb-login:hover svg{ color: #fff; } .btn-google-login{ background: #fff; border: 1px solid #eee; color: #787b80; position: relative; box-shadow: 0 3px 8px #eee; font-size: 13px; } .btn-google-login:hover{ background: #d74840; border: 1px solid #d74840; color: #fff; } .btn-google-login:focus{ color: #fff; } .btn-google-login svg{ position: absolute; left: 12px; top: 7px; font-size: 20px; color: #e83316; } .btn-google-login:hover svg{ color: #fff; } .btn-twi-login{ background: #fff; border: 1px solid #eee; color: #787b80; position: relative; box-shadow: 0 3px 8px #eee; font-size: 13px; } .btn-twi-login:hover{ background: #4da6ee; border: 1px solid #4da6ee; color: #fff; } .btn-twi-login:focus{ color: #787b80; } .btn-twi-login svg{ position: absolute; left: 11px; top: 7px; font-size: 22px; color: #4da6ee; } .btn-twi-login:hover svg{ color: #fff; } .btn-steam-login{ background: #fff; border: 1px solid #eee; color: #787b80; position: relative; box-shadow: 0 3px 8px #eee; font-size: 13px; } .btn-steam-login:hover{ background: #00223a; border: 1px solid #00223a; color: #fff; } .btn-steam-login:focus{ color: #787b80; } .btn-steam-login svg{ position: absolute; left: 12px; top: 7px; font-size: 20px; color: #00223a; } .btn-steam-login:hover svg{ color: #fff; } .abcRioButtonLightBlue{ border-radius: 100px!important; border: thin solid #eee!important; box-shadow: 0px 3px 8px #eee!important; width: 100%!important; } .abcRioButtonLightBlue:hover{ background: #eee; border: 1px solid #eee!important; } .abcRioButtonContents{ line-height: 36px!important; display: inline-block; } /* 2021-6 */ /* 渐变按钮 */ .btn-danger-gradient span,.btn-danger-gradient:before { background:#de2826; background:-webkit-linear-gradient(left,#de2826 0%,#ea4923 80%,#ea4923 100%); background:linear-gradient(to right,#de2826 0%,#ea4923 80%,#ea4923 100%); height: 40px; } .btn-danger-gradient-line span,.btn-danger-gradient-line:before { background:#f8f8f7; background:-webkit-linear-gradient(left,#f8f8f7 0%,#f8f8f7 80%,#f8f8f7 100%); background:linear-gradient(to right,#f8f8f7 0%,#f8f8f7 80%,#f8f8f7 100%); border: 1px solid #b0b0b6; box-sizing: border-box; color: #414245!important; } .btn-danger-gradient-line2{ background: none; border: 0; } .btn-danger-gradient-line2 span,.btn-danger-gradient-line2:before { background:none; background:none; background:none; border: 1px solid #fff; box-sizing: border-box; color: #fff!important; } .btn-danger-gradient-line span{ padding-top: 7px!important; padding-bottom: 6px!important; } .btn-danger-gradient-line2 span{ padding-top: 7px!important; padding-bottom: 6px!important; } /* fancy Button */ .fancy-button { display:inline-block; font-family:"Bebas_Neue"; font-size:18px; letter-spacing:0.03em; text-transform:uppercase; color:#ffffff; position:relative; } .fancy-button:before { content:''; display:inline-block; height:40px; position:absolute; bottom:-5px; left:30px; right:30px; z-index:-1; border-radius:30em; -webkit-filter:blur(20px) brightness(0.95); filter:blur(20px) brightness(0.95); -webkit-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out; } .fancy-button i { margin-top:-1px; margin-right:20px; font-size:1.265em; vertical-align:middle; } .fancy-button span { display:inline-block; padding:9px 30px; border-radius:50em; position:relative; z-index:2; will-change:transform,filter; -webkit-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out; padding-top: 8px; } .fancy-button span svg{ margin-right: 5px; } .fancy-button:focus,.fancy-button:active { color:#ffffff; } .fancy-button:hover { color:#ffffff; } .fancy-button:hover span { -webkit-filter:brightness(1.05) contrast(1.05); filter:brightness(1.05) contrast(1.05); -webkit-transform:scale(0.95); transform:scale(0.95); } .fancy-button:hover:before { bottom:0; -webkit-filter:blur(10px) brightness(0.95); filter:blur(10px) brightness(0.95); } .fancy-button.pop-onhover:before { opacity:0; bottom:10px; } .fancy-button.pop-onhover:hover:before { bottom:-7px; opacity:1; -webkit-filter:blur(20px); filter:blur(20px); } .fancy-button.pop-onhover:hover span { -webkit-transform:scale(1.04); transform:scale(1.04); } .fancy-button.pop-onhover:hover:active span { -webkit-filter:brightness(1) contrast(1); filter:brightness(1) contrast(1); -webkit-transform:scale(1); transform:scale(1); -webkit-transition:all 0.15s ease-out; transition:all 0.15s ease-out; } .fancy-button.pop-onhover:hover:active:before { bottom:0; -webkit-filter:blur(10px) brightness(0.95); filter:blur(10px) brightness(0.95); -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out; } .show-phone-sell-at-btn span{ padding: 5px 15px!important; height: 35px; } /* New Big Pic */ .new-big-store-pic{ width: 100%; overflow: hidden; position: relative; } .new-big-store-pic img{ width: 100%; height: 390px; filter: brightness(60%); } .new-big-store-pic .text-wrap{ width: 1363px; position: absolute; left: 50%; margin-left: -681px; top: 0; text-align: center; color: #fff; padding-top: 40px; padding-bottom: 30px; box-sizing: border-box; font-family: "bebas_neue"; display: flex; flex-wrap: wrap; height: 100%; justify-content: center; align-items: center; } .new-big-store-pic .text-wrap .text-1{ font-size: 55px; display: inline-block; border-bottom: 2px solid #de3726; width: auto; margin-bottom: -30px; } .new-big-store-pic .text-wrap .text-2{ font-size: 60px; display: inline-block; line-height: 1.25; width: 100%; } .new-big-store-pic .text-wrap .text-3{ font-family: Arial; font-size: 16px; margin-bottom: 0px; width: 100%; } /* 热门游戏 */ .hot-game-box-list-card-1{ border-radius: 5px; background-size: 100%; padding: 15px 15px 22px 15px; position: relative; } .hot-game-box-list-card-1 .icon-top{ position: absolute; width: 70px; height: 70px; border-radius: 5px; left: 15px; top: -30px; z-index: 2; border: 1px solid #ffd557; box-shadow: 10px 10px 30px #fc9700; overflow: hidden; } .hot-game-box-list-card-1 .icon-top img{ width: 100%; } .hot-game-box-list-card-1 .title-top{ text-align: right; font-family: "Bebas_Neue"; font-size: 24px; color: #fff; } .hot-game-box-list-card-1 .game-info-list{ margin: 15px 0 0 0; padding: 0; } .hot-game-box-list-card-1 .game-info-list li{ padding-top: 15px; padding-bottom: 15px; list-style-type: none; font-size: 14px; color: #fff; border-top: 1px solid rgba(255,242,179,0.3); } .hot-game-box-list-card-1 .game-info-list li a{ color: #fff; text-decoration: none; } .hot-game-box-list-card-1 .game-info-list li span{ float: right; padding: 0px 6px; border: 1px solid #fff; border-radius: 30px; font-size: 14px; display: inline-block; } .hot-game-box-list-card-1 .more-btn{ background: #fb7600; color: #fff; font-size: 14px; width: 140px; height: 32px; line-height: 32px; text-align: center; display: inline-block; border-radius: 5px; position: relative; left: 50%; margin-left: -70px; } .hot-game-box-list-card-1 .more-btn:hover{ background: #fb8200; } .hot-game-box-list-card-2{ border-radius: 5px; background-size: 100%; padding: 15px 15px 22px 15px; position: relative; } .hot-game-box-list-card-2 .icon-top{ position: absolute; width: 70px; height: 70px; border-radius: 5px; left: 15px; top: -30px; z-index: 2; border: 1px solid #c89eff; box-shadow: 10px 10px 30px #8846ff; overflow: hidden; } .hot-game-box-list-card-2 .icon-top img{ width: 100%; } .hot-game-box-list-card-2 .title-top{ text-align: right; font-family: "Bebas_Neue"; font-size: 24px; color: #fff; } .hot-game-box-list-card-2 .game-info-list{ margin: 15px 0 0 0; padding: 0; } .hot-game-box-list-card-2 .game-info-list li{ padding-top: 15px; padding-bottom: 15px; list-style-type: none; font-size: 14px; color: #fff; border-top: 1px solid rgba(227,206,255,0.15); } .hot-game-box-list-card-2 .game-info-list li a{ color: #fff; text-decoration: none; } .hot-game-box-list-card-2 .game-info-list li span{ float: right; padding: 0px 6px; border: 1px solid #fff; border-radius: 30px; font-size: 14px; display: inline-block; } .hot-game-box-list-card-2 .more-btn{ background: #5900b5; color: #fff; font-size: 14px; width: 140px; height: 32px; line-height: 32px; text-align: center; display: inline-block; border-radius: 5px; position: relative; left: 50%; margin-left: -70px; } .hot-game-box-list-card-2 .more-btn:hover{ background: #4e00de; } .hot-game-box-list-card-3{ border-radius: 5px; background-size: 100%; padding: 15px 15px 22px 15px; position: relative; } .hot-game-box-list-card-3 .icon-top{ position: absolute; width: 70px; height: 70px; border-radius: 5px; left: 15px; top: -30px; z-index: 2; border: 1px solid #5b6497; box-shadow: 10px 10px 30px #1d244b; overflow: hidden; } .hot-game-box-list-card-3 .icon-top img{ width: 100%; } .hot-game-box-list-card-3 .title-top{ text-align: right; font-family: "Bebas_Neue"; font-size: 24px; color: #fff; } .hot-game-box-list-card-3 .game-info-list{ margin: 15px 0 0 0; padding: 0; } .hot-game-box-list-card-3 .game-info-list li{ padding-top: 15px; padding-bottom: 15px; list-style-type: none; font-size: 14px; color: #fff; border-top: 1px solid rgb(139,151,220,0.12); } .hot-game-box-list-card-3 .game-info-list li a{ color: #fff; text-decoration: none; } .hot-game-box-list-card-3 .game-info-list li span{ float: right; padding: 0px 6px; border: 1px solid #fff; border-radius: 30px; font-size: 14px; display: inline-block; } .hot-game-box-list-card-3 .more-btn{ background: #333d7b; color: #fff; font-size: 14px; width: 140px; height: 32px; line-height: 32px; text-align: center; display: inline-block; border-radius: 5px; position: relative; left: 50%; margin-left: -70px; } .hot-game-box-list-card-3 .more-btn:hover{ background: #050a23; } .hot-game-box-list-card-4{ border-radius: 5px; background-size: 100%; padding: 15px 15px 22px 15px; position: relative; } .hot-game-box-list-card-4 .icon-top{ position: absolute; width: 70px; height: 70px; border-radius: 5px; left: 15px; top: -30px; z-index: 2; border: 1px solid #d3adff; box-shadow: 10px 10px 30px #45b2ff; overflow: hidden; } .hot-game-box-list-card-4 .icon-top img{ width: 100%; } .hot-game-box-list-card-4 .title-top{ text-align: right; font-family: "Bebas_Neue"; font-size: 24px; color: #fff; } .hot-game-box-list-card-4 .game-info-list{ margin: 15px 0 0 0; padding: 0; } .hot-game-box-list-card-4 .game-info-list li{ padding-top: 15px; padding-bottom: 15px; list-style-type: none; font-size: 14px; color: #fff; border-top: 1px solid rgb(167,213,255,0.2); } .hot-game-box-list-card-4 .game-info-list li a{ color: #fff; text-decoration: none; } .hot-game-box-list-card-4 .game-info-list li span{ float: right; padding: 0px 6px; border: 1px solid #fff; border-radius: 30px; font-size: 14px; display: inline-block; } .hot-game-box-list-card-4 .more-btn{ background: #0072ff; color: #fff; font-size: 14px; width: 140px; height: 32px; line-height: 32px; text-align: center; display: inline-block; border-radius: 5px; position: relative; left: 50%; margin-left: -70px; } .hot-game-box-list-card-4 .more-btn:hover{ background: #0263fd; } .margin_top40{ margin-top: 40px; } .margin_top50{ margin-top: 50px; } .margin_top60{ margin-top: 60px; } /* 为什么选择我们 */ .why-choose-us-wrapper{ width: 100%; margin-top: 75px; } .why-choose-us-wrapper .big-title{ font-size: 42px; font-family: "Bebas_Neue"; text-align: center; color: #fff; padding-top: 50px; } .why-choose-us-wrapper .why-info-box{ padding: 50px 30px; border-radius: 5px; background: #fff; margin-top: 50px; box-shadow: 0 6px 12px rgba(0,0,0,0.175); } .why-choose-us-wrapper .why-info-box .list-box-pic{ width: 15%; float: left; } .why-choose-us-wrapper .why-info-box .list-box-pic img{ width: 75%; } .why-choose-us-wrapper .why-info-box .list-box-txt{ width: 85%; height: 80px; float: left; font-size: 13px; color: #9a98a1; } .why-choose-us-wrapper .why-info-box .list-box-txt .b-title{ font-family: "Bebas_Neue"; font-size: 28px; color: #414245; } .evaluation-and-scoring{ margin-bottom: 50px; } .evaluation-and-scoring .big-title{ font-size: 42px; font-family: "Bebas_Neue"; text-align: center; color: #090723; } .evaluation-and-scoring .sm-text{ font-size: 24px; font-family: "Bebas_Neue"; color: #9a98a1; } .evaluation-and-scoring .ec-list{ height: 220px; margin: 0 15px;/* 新加 如果要恢复以前的把这个去掉 */ } .owl-carousel .owl-item{ /* width: 311px!important; 111 */ /* margin-right: 2px; 111 */ } .owl-carousel .owl-wrapper, .owl-carousel .owl-item:not(:nth-child(4n)){ /* margin-right: 30px; 111 */ } .evaluation-and-scoring .ec-list .line-box{ border: 1px solid #caccd4; border-radius: 5px 5px 5px 0px; padding: 20px; height: 130px; text-align: left; position: relative; font-size: 14px; background: #fff; white-space: normal; word-break: break-all; } .evaluation-and-scoring .ec-list .line-box .text-block{ width: 100%; height: 77px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; } .evaluation-and-scoring .ec-list .line-box .arrow-bottom{ width: 19px; height: 32px; position: absolute; left: -1px; bottom: -32px; z-index: 999; display: block; } .evaluation-and-scoring .ec-list .user-score{ height: 70px; text-align: left; padding-left: 7px; } .evaluation-and-scoring .ec-list .user-score .user-name{ width: 50%; padding-top: 10px; float: left; display: flex; align-items: center; } .evaluation-and-scoring .ec-list .user-score .user-name strong{ width: 100px; overflow: hidden; white-space: nowrap; } .evaluation-and-scoring .ec-list .user-score .user-name .u-photo{ width: 35px; height: 35px; border-radius: 50px; background: #090723; margin-right: 10px; display: flex; align-items: center; justify-content: center; overflow: hidden; } .evaluation-and-scoring .ec-list .user-score .user-name .u-photo img{ min-width: 35px; height: auto; } .evaluation-and-scoring .ec-list .user-score .user-scor{ width: 50%; padding-top: 20px; float: left; text-align: right; } .evaluation-and-scoring .ec-list .user-score .user-scor .star-mask-wrap{ float: left; } .evaluation-and-scoring .ec-list .line-box .date-text{ position: absolute; color: #999999; font-size: 12px; left: 20px; bottom: 10px; } .step-guide-wrap{ width: 100%; padding: 30px 30px 50px 30px; overflow: hidden; background: -webkit-linear-gradient(right,#34376e,#458ac1); background: -o-linear-gradient(right,#34376e,#458ac1); background: -moz-linear-gradient(right,#34376e,#458ac1); background: -mos-linear-gradient(right,#34376e,#458ac1); background: linear-gradient(right,#34376e,#458ac1); } .step-guide-wrap .big-title{ font-size: 42px; font-family: "Bebas_Neue"; text-align: center; color: #fff; padding-top: 20px; } .step-guide-wrap .list-wrap{ padding-top: 30px; padding-bottom: 50px; color: #fff; font-family: "Bebas_Neue"; } .step-guide-wrap .list-wrap .libox{ width: 16.6666%; float: left; text-align: center; font-size: 24px; } .step-guide-wrap .list-wrap .libox img{ width: 60px; display: inline-block; margin-bottom: 10px; } .step-guide-wrap .list-wrap .libox p{ font-size: 14px!important; font-family: Arial!important; color: #fff; opacity:0.5; } /* Game News */ .game-news-bg-wrap{ width: 100%; height: 500px; } .game-news-bg-wrap .bigtitle{ font-size: 42px; font-family: "Bebas_Neue"; text-align: center; color: #fff; padding-top: 50px; margin-bottom: 40px; } .game-news-bg-wrap .news-list{ height: 280px; position: relative; margin: 0 15px; /* 如果要恢复删除这个 */ } .game-news-bg-wrap .news-list .top-line{ width: 100%; height: 2px; background: #de4726; } .game-news-bg-wrap .news-list .news-title{ font-family: "Bebas_Neue"; font-size: 18px; height: 60px; color: #fff; margin-top: 20px; margin-bottom: 10px; overflow: hidden; } .game-news-bg-wrap .news-list .date-text{ font-size: 12px; color: #de4726; height: 30px; } .game-news-bg-wrap .news-list .news-info{ font-size: 12px; color: #c0c0ca; height: 90px; overflow: hidden; } .game-news-bg-wrap .news-list .more-btn{ padding: 5px 8px 4px 8px; border: 1px solid #dd4527; color: #dd4527; border-radius: 5px; display: inline-block; } .game-news-bg-wrap .news-list .more-btn:hover{ background: #dd4527; color: #fff; } body.body-white{ background: #f9f8fe!important; } .footer-support-payment{ background: #eeedf3; padding: 30px 0px; } .footer-support-payment img{} .footer-support-payment span:not(:last-child){ margin-right: 36px; } /* New Footer */ .new-footer{ color: #a4a3af; margin-bottom: 30px; } .new-footer .f-site-nav{ margin: 0; padding: 0; overflow: hidden; } .new-footer .f-site-nav li{ list-style-type: none; float: left; padding-right: 40px; font-size: 14px; font-weight: 700; } .new-footer .f-site-nav li a{ color: #a4a3af; } .new-footer .f-site-nav li a:hover{ color: #ceced6; } .new-footer .discl-text{ margin-top: 30px; color: #a4a3af; } .new-footer .discl-text a{ color: #a4a3af; font-weight: 700; } .new-footer .pic-tag{ margin-top: 30px; } .new-footer .imgbox a{ margin-left: 15px; } /* Language and currency */ .language-and-currency-wrap{} .language-and-currency-wrap .dropdown-menu{ top: auto!important; bottom: 100%; border-radius: 5px; border: 0; right: 0; left: auto; padding: 10px; min-width: 240px; } .language-and-currency-wrap .dropdown-menu li{ font-size: 12px; } .language-and-currency-wrap .dropdown-menu li select{ margin-bottom: 10px; border-radius: 3px; } .p-l-center-box{ border-left: 1px solid #efeff4; border-right: 1px solid #efeff4; min-height: 180px; } .p-l-center-box .padding-box{ padding: 15px 20px 10px 20px; display: table-cell; vertical-align: middle; height: 180px; } .p-l-pages-user-info-box{ padding: 15px 20px 10px 30px; height: 180px; display: table-cell; vertical-align: middle; } .p-l-pages-user-info-box .media-list .media .media-left a .position-position{ width: 35px; height: 35px; } .p-l-pages-user-info-box .media-list .media .media-left a .position-position img{ width: auto; height: auto; max-width: 100%; max-height: 100%; /* 向父元素定位 */ position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); } .p-l-pages-user-info-box .media-list{ border-bottom: 1px solid #efeff4; padding-bottom: 10px; } .p-l-pages-timebox-box{ padding: 15px 20px 10px 20px; height: 180px; display: table-cell; vertical-align: middle; } .p-l-pages-buynow-box{ padding: 20px 20px 20px 0px; height: 180px; display: table-cell; vertical-align: middle; } /* Game Info */ .p-l-pages-game-info-wrap{ background: url("../images/cattoppic2.jpg") no-repeat center; background-size: 100%; padding-top: 35px; padding-bottom: 35px; } .p-l-pages-game-info-wrap img{ width: 100%; } .p-l-pages-game-info-wrap .b-title{ font-family: Bebas_Neue; font-size: 45px; color: #fff; margin-top: 0px; display: block; padding-top: 0px; } .p-l-pages-game-info-wrap .sm-text{ font-size: 14px; color: #fff; display: inline-block; margin-top: 10px; } .p-l-pages-game-info-wrap .sm-text a{ color: #fff!important; font-weight: 700; } .p-l-pages-foot-nav{ background: #f9f8fe; padding: 20px 0 60px 0; background-image: linear-gradient(#e6effe, #ffffff); } .p-l-pages-foot-nav .b-title{ font-size: 36px; color: #414245; font-family: Bebas_Neue; margin-bottom: 15px; } .p-l-pages-foot-nav .nav-list{ margin: 0 auto; padding: 0; display: flex; justify-content: center; } .p-l-pages-foot-nav .nav-list li{ margin-left: 2px; margin-right: 2px; list-style-type: none; float: left; } .p-l-pages-foot-nav .nav-list li a{ display: block; background: #fff; border-bottom: 2px solid #f5422f; padding: 4px 36px; color: #414245; font-family: Bebas_Neue; font-size: 20px; } .p-l-pages-foot-nav .nav-list li a:hover{ background: #f5422f; color: #fff; } .p-l-pages-reviews-bar{ background: #ededf3 url("../images/redbg.png") no-repeat; background-size: 25%; padding: 5px 15px; overflow: hidden; border-radius: 4px; margin-top: 15px; } .p-l-pages-reviews-bar .ratings-box{ color: #fff; font-family: Bebas_Neue; } .p-l-pages-reviews-bar .small-text-note{ color: #8e8f94; margin-top: 8px; } .table-column-sorting-4{ color: #a2a2b0; font-size: 14px; } .layui-flow-more a{ display: inline-block; border: 1px solid #f5422f; color: #f5422f; border-radius: 100px; overflow: hidden; height: 40px; line-height: 36px; } .layui-flow-more a cite{ padding: 0px 30px 2px 30px; } .p-l-pages-faq-wrap{ background: #ededf3; padding: 40px 0px 30px 0px; } .p-l-pages-faq-wrap .big-title{ font-size: 36px; font-family: Bebas_Neue; text-align: center; } .p-l-pages-faq-wrap .sm-text{ color: #a2a2b0; font-size: 14px; } .p-l-pages-faq-wrap .panel-default{ border: 0; } .p-l-pages-faq-wrap .panel-default>.panel-heading{ color: #414245; background: #f7f7fa; border: 0; font-weight: 700; } .p-l-pages-faq-wrap .panel-heading{ padding: 0; } .p-l-pages-faq-wrap .panel-title a{ display: block; padding: 15px 20px; font-family: Goth!important; } .p-l-pages-faq-wrap .panel-title a .pull-right img{ width: 16px; } .p-l-pages-faq-wrap .panel-body{ position: relative; } .p-l-pages-faq-wrap .load_img{ width: 22px; height: 22px; position: absolute; left: 50%; margin-left: -11px; top: 5px; } .p-l-pages-faq-wrap .load_img img{ width: 100%; } .p-l-pages-g-i-text-wrap{ background: #f7f7fa; } .p-l-pages-g-i-text-wrap .products__content{ box-shadow: none!important; margin-bottom: 0!important; } .p-l-pages-g-i-text-wrap .products__content .game-description{ box-shadow: none!important; margin-bottom: 0!important; } .p-l-pages-g-i-text-wrap .products__content .game-description strong{ font-family: 'Gothbold'; color: #414245; } .p-l-pages-g-i-text-wrap .products__content .game-description a strong{ color: #ff4424!important; } .p-l-pages-g-i-text-wrap .game-descr-text{ padding-top: 50px; padding-bottom: 50px; } .p-l-pages-g-i-text-wrap .game-description { background: #fff; border-radius: 4px; box-shadow: 0 5px 5px 0 rgba(85,85,85,.06); padding: 34px 25px 19px; position: relative; margin-bottom: 50px; } .p-l-pages-g-i-text-wrap .game-description__title { margin: 0; font-size: 24px; line-height: 24px; font-weight: 600; padding: 0 0 30px; } .p-l-pages-g-i-text-wrap h2 { color: #414245!important; font-size: 22px; margin-bottom: 5px; font-weight: 700; font-family: Bebas_Neue; margin-top: 20px; } .p-l-pages-g-i-text-wrap h3 { color: #414245!important; font-size: 20px; margin-bottom: 5px; font-weight: 700; font-family: Bebas_Neue; margin-top: 20px; } .p-l-pages-g-i-text-wrap p { margin: 0; line-height: 22px; padding: 0 0 6px; font-family: goth_pro; color: #797984; margin-top: 5px; font-size: 14px; } .p-l-pages-g-i-text-wrap p a span strong { text-decoration: none!important; color: #ff4424; } .p-l-pages-g-i-text-wrap p br{ display: none; } .p-l-pages-news-list-wrap{ background: #ededf3; padding: 40px 0px 30px 0px; border-bottom: 1px solid #f7f7fa; } .p-l-pages-news-list-wrap .big-title{ text-align: center; font-size: 36px; font-family: Bebas_Neue; color: #414245; } .p-l-pages-news-list-wrap .inlist{ background: #f7f7fa; border-top: 2px solid #f6432f; border-radius: 2px; padding: 20px; height: 220px; overflow: hidden; margin-bottom: 30px; } .p-l-pages-news-list-wrap .inlist .title{ font-family: Bebas_Neue; color: #414245; font-size: 16px; line-height: 22px; margin-bottom: 10px; } .p-l-pages-news-list-wrap .inlist p{ color: #a2a2b0; padding-top: 10px; } /* 会员中心 */ .my-dashboard-sidebar{ width: 22%; } .my-dashboard-body{ width: 78%; } .my-dashboard-body .panel-body{ word-wrap: break-word; } /* 图片旋转180度 */ .rotate-no-180{ transform:rotate(0deg); } .rotate-yes-180{ transform:rotate(180deg); } /* Google */ .goog-te-gadget .goog-te-combo{ background: #222!important; color: #fff!important; border: 0!important; padding: 10px 5px!important; /*width: 83%!important;*/ font-size: 14px!important; } /* 上传图片 */ .upload-pic-tips{} .upload-pic-tips .sellxinxi{ margin-left: 0!important; max-width: 478px; } .upload-pic-tips .sellxinxi .border_c.yellow{ background: #2394d7!important; } .upload-pic-tips .sellxinxi .glyphicon.yellow{ color: #2dbf84!important; } .upload-pic-tips a{ color: #f03726; } .upload-url-list{ margin: 0; padding: 0; overflow: hidden; } .upload-url-list li{ list-style-type: none; margin-top: 15px; overflow: hidden; } .upload-url-list li .urltext{ width: 90%; float: left; } .upload-url-list li .urltext a{ color: #f03726; } .upload-url-list li .delbtn{ width: 10%; float: left; } .upload-url-list li .delbtn .glyphicon-remove-circle{ cursor: pointer; font-size: 15px; } .upload-url-list li .delbtn .go-to-link-pic{ margin-left: 15px; cursor: pointer; } .upload-url-list li .delbtn .go-to-link-pic:hover{ color: #ec3a2f; } .u-u-wrap{} .u-u-wrap input{ max-width: 100%!important; } .u-u-wrap .btn-default{ background: #f7f7fa!important; color: #828294!important; border: 1px solid #f7f7fa!important; box-shadow: 1px 2px 0 #e6e6ec; border-radius: 4px; font-weight: bold; padding-top: 9px!important; padding-bottom: 9px!important; } #uppicModal .modal-content{ border-radius: 5px; text-align: center; padding: 30px; } #uppicModal .modal-lg{ margin-top: 200px; } #uppicModal .modal-header{ border-bottom: 0; padding: 0; } #uppicModal .modal-header .close{ position: absolute; right: 10px; top: 7px; } #uppicModal .btn-success{ width: 100px; margin-top: 30px; } #uppicModal .modal-body p{ font-size: 16px; } .p-p-l-t-box-in{ overflow: hidden; margin-top: 15px; white-space: nowrap; } .product-pic-link-tag{ margin-right: 15px; color: #f33f2d; float: left; } .product-pic-link-tag svg{ color: #9ba3b9; } /* Google Pay */ .google-pay-wrap{ padding: 80px 0 60px; } .google-pay-wrap .jianchanbox1170{ max-width: 750px; } .StripeElement{ width: 25%!important; float: right!important; } .GooglePayButton{ border-radius: 100px; } #pay_ment .paypal_pay .jianchanbox1170 .buttonbox iframe{ width: auto; float: right; } #pay_ment .paypal_pay .jianchanbox1170 .buttonbox a:nth-child(2){ float: right; } .layui-flow-more .layui-icon{ background: url("../images/pay-load.gif") no-repeat center; background-size: 20px; } .language_change .language-and-currency-wrap{ margin-top: 0!important; } /* Product Info Pages */ .product-details-user-bar{ width: 100%; height: 50px; background: #fff; box-shadow: 0 5px 5px 0 rgba(85, 85, 85, 0.06); } .sell-create-listing-btn{ position: absolute; right: 0; top: 20px; } .sell-create-listing-btn .btn{ border: 1px solid #e0e0e0; border-radius: 3px; } .sell-create-listing-btn .btn:hover{ background: #9a98a1; color: #fff; border: 1px solid #9a98a1; } /* 产品详情新布局 */ .p-d-pages-line-bg-white{ background: #fff; border: 1px solid #e9e9ee; padding: 30px 30px 15px 30px; overflow: hidden; border-radius: 3px; /*min-height: 534px;*/ min-height: auto; position: relative; } .p-d-show-all-info{ /*height: 132px;*/ height: 100px; overflow: hidden; } .p-d-show-all-info .wenben{ /*white-space: pre-wrap;*/ white-space: pre-line; } .p-d-show-all-info .wenben img{ max-width: 804px; height: auto; display: inline-block; margin: auto; } .p-d-pages-line-bg-white .show-all{ width: 100%; height: 114px; background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1)); z-index: 2; font-size: 14px; padding-top: 40px; color: #fc4339; position: relative; top:-80px; margin-bottom: -100px; /*background: #fff!important;*/ /*margin-bottom: -45px;*/ /*height: 60px;*/ } .p-d-pages-line-bg-white .show-all a{ display: block; height: 30px; background: #fff; } .p-d-pages-line-bg-white .show-all .white-gc-block{ width: 100%; height: 30px; background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1)); } .p-d-pages-line-bg-white .show-all a{ cursor: pointer; } .p-d-pages-line-bg-white .show-all a:hover{ color: #DE2826; } .p-d-pages-line-bg-white h2{ font-weight: 500; } .p-d-pages-line-bg-white .fuwupaixi{ margin-top: 15px; font-size: 14px; } .p-d-pages-line-bg-white .fuwupaixi hr{ margin-top: 15px; margin-bottom: 15px; border-top: 1px solid #ededf2; } .p-d-pages-line-bg-white .fuwupaixi .wenbenleft{ color: #a0a0a0; min-width: 150px; } .p-d-pages-line-bg-white .fuwupaixi .wenbenright{ color: #2B2B36; /*font-weight: 700;*/ } .p-d-pages-line-bg-white .denjituwen{ background: #f7f7fa; padding: 15px; border-radius: 3px; position: relative; } .p-d-pages-line-bg-white .denjituwen .imgbox{ margin-right: 15px; } .p-d-pages-line-bg-white .denjituwen .imgbox img{ width: 35px; height: 35px; border-radius: 4px; } .p-d-pages-line-bg-white .denjituwen .dengji{ flex-wrap: wrap; width: 65%; } .p-d-pages-line-bg-white .denjituwen .dengji .more-offers-just-pc-show{ margin-left: 30px; } .p-d-pages-line-bg-white .p-p-i-level-icon img{ width: 15px; } .p-d-pages-line-bg-white .h-u-p-star-wrap{ /*margin-top: 21px;*/ margin-top: 0; margin-left: 30px; } .p-d-pages-line-bg-white .p-p-i-level-icon .imgboxdengji{ margin-top: 0px; } .p-d-pages-line-bg-white .xianxi{ border-top: 1px solid #ededf2; margin-top: 15px; padding-top: 0px; } .p-d-pages-line-bg-white .baogaoqingdan{ position: relative; z-index: 3; color: #9a98a1; margin-top: 15px; cursor: pointer; text-align: right; display: inline-block; float: right; text-decoration: underline; } .p-d-pages-sidebar-line-wrap{ background: #fff; border: 1px solid #e9e9ee; border-radius: 4px; overflow: hidden; font-size: 14px; min-height: 505px; } .p-d-pages-sidebar-line-wrap .glyphicon{ margin-right: 5px; } .p-d-pages-sidebar-line-wrap small{ font-size: 14px; } .p-d-pages-sidebar-line-wrap .price-block{ background: #28b9c9; padding: 12px 30px; color: #fff; display: flex; align-items: center; } .p-d-pages-sidebar-line-wrap .price-block .pull-right{ margin-left: auto; } .p-d-pages-sidebar-line-wrap .price-block .b-text{ font-size: 24px; font-weight: 500; } .p-d-pages-sidebar-line-wrap .timebox{ padding:15px 30px; } .p-d-pages-sidebar-line-wrap .timebox .pull-right{ margin-left: auto; } .p-d-pages-sidebar-line-wrap .product-choose-number-wrap{ position: relative; width: 180px; margin: auto; } .p-d-pages-sidebar-line-wrap .product-choose-number-wrap .subtract-btn { position: absolute; left: 5px; top: 8px; background: #eee; border-radius: 4px; padding: 5px 10px; font-size: .875rem; } .p-d-pages-sidebar-line-wrap .product-choose-number-wrap .increase-btn { position: absolute; left: 148px; top: 8px; background: #eee; border-radius: 4px; padding: 5px 10px; font-size: .875rem; } .p-d-pages-sidebar-line-wrap .timebox .product_price { background: #fff; border: 1px solid #d7d7e0; color: #525257; font-size: 13px; line-height: 16px; padding: 12px 13px 12px; width: 180px; display: block; transition: all 0.3s ease-in-out; -webkit-appearance: none; border-radius: 4px; box-shadow: inset 2px 2px 3px 0 rgba(124, 124, 143, 0.1); } .p-d-pages-sidebar-line-wrap .product-price-block{ background: #fafafc; padding: 15px 30px; display: flex; align-items: center; } .p-d-pages-sidebar-line-wrap .product-price-block .pull-right{ font-size: 30px; margin-left: auto; } .p-d-pages-sidebar-line-wrap .product-price-block .zohuk{ margin-left: auto; } .p-d-pages-sidebar-line-wrap .product-price-block .zohuk img{ width: 25px; height: 25px; vertical-align: -0.5em; } .p-d-pages-sidebar-line-wrap .buttonbox{ padding: 30px; } .p-d-pages-sidebar-line-wrap .buttonbox p{ margin-top: 15px; text-align: center; } .p-d-pages-sidebar-line-wrap .btn{ border-radius: 5px; font-size: 24px; } .p-d-pages-sidebar-line-wrap .btn-danger:hover{ background: #d31d1a; border-color: #d31d1a; } .p-d-pages-sidebar-line-wrap .btn-danger-outline-new{ padding: 8px; background: #fff; text-transform: uppercase; margin-top: 50px!important; } .p-d-pages-sidebar-line-wrap .btn-danger-outline-new:hover{ background:#f5e6e6; border-color: #f5e6e6; color: #e93c37; } .product-pic-list-loop-blcok{ margin-bottom: 15px; overflow: hidden; } .p-p-l-t-box-in{ border: 0; padding: 15px; border-radius: 5px; margin-bottom: 15px; box-shadow: 0 0 15px #eee; background: #faf9f7; } .usernodenjiinbox{ margin-top: 21px; margin-left: 30px; } .p-d-textbody-heightadd{ /*height: 200px;*/ } .p-d-textbody-height-auto{ height: auto!important; } .p-d-textbody-height-auto .wenben, .p-d-show-all-info .wenben{ white-space: pre-line; /*word-break: break-all;*/ word-wrap: break-word; } .p-d-pages-line-bg-white .wenben strong{ font-family: Gothbold; } .p-d-pages-line-bg-white .wenben a{ text-decoration: underline; } /* Cancel Order Tips */ .cancel-order-cd-tips{} .cancel-order-cd-tips .col-xs-8{ width: 65%; padding-right: 0; } .cancel-order-cd-tips .col-xs-4{ width: 35%; padding-left: 0; } .cancel-order-cd-tips .checkbox{ margin-top: 7px; } .cancel-order-cd-tips input{ margin-top: 1px; } .cancel-order-cd-tips .btn{ border: 1px solid #9ba3b9; background: #f0f0f5; color: #78829e; border-radius: 5px; } .cancel-order-cd-tips .btn:hover{ background: #9ba3b9; color: #fff; } .product-pages-modal-show-btn{ border-radius: 5px; font-size: 24px; border-color: #de2a25; border: 0; background: -webkit-linear-gradient(right,#ff542e,#f5422f); background: -o-linear-gradient(right,#ff542e,#f5422f); background: -moz-linear-gradient(right,#ff542e,#f5422f); background: -mos-linear-gradient(right,#ff542e,#f5422f); background: linear-gradient(right,#ff542e,#f5422f); display: block; width: 100%; padding: 10px 16px; line-height: 1.3333333; color: #fff; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; white-space: nowrap; user-select: none; } .product-pages-modal-show-btn:hover{ background: #d12024; } .s-i-info-text{ margin-left: 30px; position: relative; margin-top: -10px; color: #ff0d00; border: 1px solid #f5b140; border-radius: 4px; padding: 6px 10px; background: #fffefa; box-shadow: 0 3px 10px #fff4d6f7; border-bottom: 2px solid #f5b140; width: 95.5%; } .how-get-phone-v-code-mumbuer{ color: #f33f2d; margin-left: 5%; } .jianchanbox1170 form{ margin-bottom: 0; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .imgwenben .text-dark{ font-size: 12px; margin-left: 10px; color: #34c6e6; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .imgwenben .text-dark:hover{ color: #f33f2d; } .sell-pages-no-flex{ justify-content: flex-start!important; } .sell-pages-no-flex label{ margin-right: 30px; } .r-b-cart-list{ max-height: 300px; overflow-y: auto; overflow-x: inherit; } .just-phone-pad-l-r-none{ padding-left: 15px; padding-right: 15px; } .footer-f-link-list{ margin: 15px 0 0 0; padding: 0; overflow: hidden; } .footer-f-link-list li{ list-style-type: none; color: #a4a3af; float: left; } .footer-f-link-list li strong{ margin-right: 15px; } .footer-f-link-list li a{ color: #a4a3af; margin-right: 15px; } .footer-f-link-list li a:hover{ color: #ccc; } .recommend_list_hot{ position: absolute; left: 0; top: -10px; z-index: 2; } .recommend_list_hot img{ width: 55px; } /* 检测新设备 */ .new-devices-wrap{ margin-top: 0px; overflow: hidden; } .new-devices-wrap .big-title{ font-size: 26px; font-weight: bold; margin-bottom: 10px; } .new-devices-wrap .inputboxyzhen{ text-align: center; margin-top: 15px; margin-bottom: 15px; } .new-devices-wrap .inputboxyzhen input { width: 39px; height: 39px; font-size: 20px; text-align: center; border-radius: 4px; margin-right: 6px; margin-bottom: 6px; color: #9e9797; border: 1px solid #ccc; } .new-devices-wrap .text-info{ color: #64b9b7; } .new-devices-wrap .text-info:hover{ color: #369896; } .new-devices-wrap .lg-text{ font-size: 16px; } .new-devices-wrap .tjbtn{ display: block; width: 100%; height: 45px; border: 1px solid #64b9b7; background: #fff; color: #64b9b7; text-align: center; border-radius: 50px; font-size: 14px; margin-top: 15px; } .new-devices-wrap .tjbtn:hover{ background: #64b9b7; color: #fff; } .ndw-pages-back{ padding-top: 15px; font-size: 14px; } .ndw-pages-back a{ color: #64b9b7; } .ndw-pages-footer{ margin-top: 15px; } .ndw-pages-footer .f-nav{ margin: 0; padding: 0; overflow: hidden; text-align:center; } .ndw-pages-footer .f-nav li{ list-style-type: none; padding-left: 15px; padding-right: 15px; display:inline; } .ndw-pages-footer .f-nav li a{ color: #64b9b7; } .ndw-pages-footer .f-nav li a:hover{ color: #369896; } .ndw-pages-footer .f-nav li:not(:last-child){ border-right: 1px solid #999; } .prohibit-product{ border: 1px solid #ec6941; background: #fffaf9; border-radius: 4px; padding: 15px; text-align: center; margin-top: 30px; } .prohibit-product .tips-icon{ width: 80px; } .prohibit-product .big-title{ font-size: 20px; font-weight: 700; color: #e1251b; margin-top: 15px; margin-bottom: 10px; } .prohibit-product ol li{ list-style-type: none; } .prohibit-product .contact-am{ background: #fff8df; border: 1px solid #ffd800; border-radius: 4px; padding: 10px; text-align: center; color: #ff6600; margin-top: 15px; font-size: 14px; font-weight: 700; } .prohibit-product .contact-am img{ width: 20px; } /* New User Verification 2021-07-15 */ .u-v-pages .v-step-collapse{ margin-top: 30px; } .u-v-pages .v-step-collapse .panel-default>.panel-heading { color: #434343; background-color: #fff; border-color: #ededef; padding: 0; position: relative; } .u-v-pages .v-step-collapse .panel-title{ overflow: hidden; } .u-v-pages .v-step-collapse .panel-title a{ display: flex; align-items: center; padding: 20px 10px; overflow: hidden; line-height: normal; } .u-v-pages .v-step-collapse .panel-title a .icon-in{ width: 7%; float: left; text-align: center; position: relative; } .u-v-pages .v-step-collapse .panel-title a .icon-in .state-icon{ position: absolute; top: -3px; right: 10px; width: 16px; height: 16px; background: #fff; border-radius: 50px; } .u-v-pages .v-step-collapse .panel-title a .icon-in .big-icon{ font-size: 36px; } .u-v-pages .v-step-collapse .panel-title a .text-in{ width: 32%; float: left; font-weight: bold; text-align: left; font-family: 'Goth'; } .u-v-pages .v-step-collapse .panel-title a .text-in small{ font-weight: normal; color: #807e89; } .u-v-pages .v-step-collapse .panel-title a .right-info{ margin-left: auto; padding-right: 10px; } .u-v-pages .v-step-collapse .panel{ margin-bottom: 10px; border-radius: 4px; overflow: hidden; } .u-v-pages .v-step-collapse .panel:hover{ box-shadow: 0 0 30px #eee; } .u-v-pages .v-step-collapse .panel .panel-body{ border-top:1px solid #fff; } .u-v-pages .registermain{ padding: 10px; } .u-v-pages .registermain .title-line{ padding: 17px 30px; background: #fafafc; border-bottom: 1px solid #efeff4; margin: 10px 0 24px; } .u-v-pages .registermain .update_icd{ margin-top: 30px; overflow: hidden; } .u-v-pages .registermain .update_icd .icd_left{ display: inline-block; float: left; width: 25%; box-sizing: border-box; } .u-v-pages .registermain .update_icd .icd_right{ display: inline-block; margin: 0 20px; width: 25%; box-sizing: border-box; float: left; } .u-v-pages .registermain .update_icd .icd_right .icdfile { width: 200px; height: 140px; line-height: 140px; text-align: center; border: 1px dashed #d9d9d9; border-radius: 6px; cursor: pointer; position: relative; overflow: hidden; } .u-v-pages .registermain .update_icd .icd_wenben{ display: inline-block; position: relative; /*top: -40px;*/ width: 40%; box-sizing: border-box; } .u-v-pages .v-step-collapse .panel-title a .label-default{ border-radius: 3px; background: #eeedf2!important; color: #646375!important; } .u-v-pages-tips{ border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; border-left: 2px solid #e23725; border-radius: 5px; padding: 10px; font-weight: 700; margin-top: 30px; margin-bottom: 30px; } .u-v-show-check-list{ margin: 10px 0 0 0; padding: 0; } .u-v-show-check-list li{ padding: 15px; list-style-type: none; background: -webkit-linear-gradient(right,#fbfbfd,#f4f5fa); background: -o-linear-gradient(right,#fbfbfd,#f4f5fa); background: -moz-linear-gradient(right,#fbfbfd,#f4f5fa); background: -mos-linear-gradient(right,#fbfbfd,#f4f5fa); background: linear-gradient(right,#fbfbfd,#f4f5fa); margin-bottom: 10px; border-radius: 5px; overflow: hidden; display: flex; align-items: center; } .u-v-show-check-list li .left-box{ float: left; width: 20%; font-weight: bold; font-size: 16px; } .u-v-show-check-list li .center-box{ float: left; width: 60%; font-weight: bold; font-size: 16px; text-align: center; } .u-v-show-check-list li .center-box small{ font-size: 11px; line-height: 14px; } .u-v-show-check-list li .right-box{ float: left; width: 20%; } .u-v-show-check-list li .right-box .jj-btn{ border-radius: 50px; padding:5px 30px; border: 1px solid #4e8cd3; color: #4e8cd3; background: none; cursor: pointer; } .u-v-show-check-list li .right-box .jj-btn:hover{ background: #4e8cd3; color: #fff; } .u-v-account-impact{ margin: 0; padding: 0; } .u-v-account-impact li{ list-style-type: none; border-top: 1px solid #e4e3e8; padding-top: 10px; padding-bottom: 10px; font-size: 14px; color: #414245; padding-left: 15px; background: url("../images/arrowleft.png") no-repeat 0px 16px; background-size: 1.6%; font-weight: 700; color: #414245; } .u-v-account-impact-more-btn-wrap{ overflow: hidden; border-top: 1px solid #e4e3e8; padding-top: 15px; } .u-v-account-impact-more-btn-wrap .show-all-btn{ color: #58566c; font-size: 14px; } .u-v-pages .id-card-vertify-wrap .quedin{ min-width: 120px; margin-bottom: 10px; } .u-v-pages .payment-verify-wrap{ background: #f8f7fc; border-radius: 4px; box-shadow: 0 3px 6px #eee; text-align: left; padding: 15px; font-size: 14px; margin-bottom: 15px; } .u-v-pages .payment-verify-wrap .first-text{ padding-top: 5px; display: inline-block; } .u-v-pages .payment-verify-wrap .list-info{ margin: 0; padding: 0; } .u-v-pages .payment-verify-wrap .list-info li{ list-style-type: none; padding-top: 5px; padding-bottom: 5px; } .boxshadow-none{ box-shadow: none!important; } .modal-header-dark{ background: #090723; color: #fff!important; font-weight: 700; } .modal-header-dark .close{ color: #ccc!important; opacity: 1; } .modal-content{ border-radius: 4px; } .u-v-new-card{ border: 0!important; padding: 0!important; } .u-check-id-card-wrap{ font-size: 12px; } .u-check-id-card-wrap .update_icd{ margin-top: 15px; overflow: hidden; position: relative; } .u-check-id-card-wrap .registermain .title-line{ background: #fafafc; border-bottom: 1px solid #efeef4; padding: 10px; margin-bottom: 15px; font-family: 'Gothbold'; } .u-check-id-card-wrap .registermain .update_icd .icd_left { display: inline-block; float: left; width: 25%; box-sizing: border-box; } .u-check-id-card-wrap .registermain .update_icd .icd_left img{ width: 60%!important; } .u-check-id-card-wrap .registermain .update_icd .icd_right { display: inline-block; margin: 0 20px; width: 25%; box-sizing: border-box; float: left; } .u-check-id-card-wrap .registermain .update_icd .icd_right .icdfile { width: 200px; height: 140px; line-height: 140px; text-align: center; border: 1px dashed #d9d9d9; border-radius: 6px; cursor: pointer; position: relative; overflow: hidden; } .u-check-id-card-wrap .registermain .update_icd .icd_wenben { display: inline-block; position: relative; width: 40%; box-sizing: border-box; } .u-check-id-card-wrap .quedin { min-width: 120px; margin-bottom: 10px; margin-top: 15px; } .u-check-id-card-wrap .beizhuwrap{ margin-top: 5px; margin-bottom: 15px; } .u-check-id-card-wrap .beizhuwrap strong{ font-size: 16px; } .u-check-id-card-wrap .beizhuwrap textarea{ border-radius: 4px; } .approve-button{ background: #f8fffe; border-radius: 5px; padding: 2px 6px 0px 6px; font-weight: bold; color: #07c29d; border: 1px solid #07c29d; } .approve-button:hover{ background: #07c29d; color: #fff; } /* 訂單詳情 */ .header-title-bar-wrap{ background: #fff; /*overflow: hidden;*/ padding-top: 8px; padding-bottom: 8px; } .header-title-bar-wrap .flex-center{ display: flex; align-items: center; } .header-title-bar-wrap h1{ font-family: 'bebas_neue'; font-size: 30px; } .header-title-bar-wrap .order-num{ font-size: 20px; color: #2B2B36; } .header-title-bar-wrap .bar-right-info{ display: flex; justify-content: end; align-items: center; } /* Step */ .s-ol{ display: flex; flex-wrap: wrap; justify-content: center; } .s-ol .steps::-webkit-scrollbar { /* chrome 隐藏滚动条*/ display: none; } .s-ol .steps{ list-style: none!important; display: flex!important; /*overflow-x: auto!important;*/ height: 64px!important; /*padding-left: 120px;*/ width: 100%; } .s-ol .steps:after,ol.steps li:after{ content: ''; display: block; clear: both; } .s-ol .steps li{ float: left; flex: 1; position: relative; min-width: 120px; } .s-ol .steps li .step-line{ height: 5px; background-color: #e0e0e0; box-shadow: inset 0 1px 1px rgba(0,0,0,.2); margin-top: 13px; position: relative; left: 34px; } .s-ol .steps li.step-active .step-line{ background-color: #00a854; box-shadow: inset 0 1px 1px #00a854; } .s-ol .steps li.step-active .step-line{ background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.325) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.325) 50%, rgba(255, 255, 255, 0.325) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.325) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.325) 50%, rgba(255, 255, 255, 0.325) 75%, transparent 75%, transparent); background-size: 35px 35px; -webkit-animation: cssProgressActive 2s linear infinite; -ms-animation: cssProgressActive 2s linear infinite; animation: cssProgressActive 2s linear infinite; } .peopleActive{ position: relative; } .peopleActive::before{ content: ''; width: 38px; height: 38px; background-image: url("../images/peopleicon2.gif"); background-size: 38px 38px; background-repeat: no-repeat; position: absolute; top: -20px; left: 56%; /*margin-left: -15px;*/ border-radius: 30px; } @-webkit-keyframes cssProgressActive { 0% { background-position: 0 0; } 100% { background-position: 35px 35px; } } @-ms-keyframes cssProgressActive { 0% { background-position: 0 0; } 100% { background-position: 35px 35px; } } @keyframes cssProgressActive { 0% { background-position: 0 0; } 100% { background-position: 35px 35px; } } .s-ol .steps .step-content{ position: absolute; top:0; left:-15px ; text-align: center; } .s-ol .steps .step-content div{ width: 100px; } .s-ol .steps li .step-content .step-num{ display: inline-block; height: 30px; width: 30px; color: #fff; background-color: #b9b9b9; line-height: 30px; border-radius: 50%; text-align: center; border:2px solid rgba(224,224,224,1); } .s-ol .steps li.step-active .step-content .step-num{ background-color: #00a854; } .s-ol .steps li.step-end{ width: 120px!important; flex: inherit; } .s-ol .steps li.step-end .step-line{ display: none; } .p-d-pages-log-list-wrap{ margin: 0 0 20px 0; padding: 0; } .p-d-pages-log-list-wrap li{ list-style-type: none; background: #f3f1f6; padding-top: 8px; padding-bottom: 8px; padding-left: 30px; padding-right: 30px; font-size: 14px; display: flex; align-items: center; } .p-d-pages-log-list-wrap .top-tips{ padding-left: 240px; } .p-d-pages-log-list-wrap li .ml-auto{ margin-left: auto; } .p-d-pages-log-list-wrap li .pull-right{ margin-left: auto!important; text-align: right; } .p-d-pages-log-list-wrap li:nth-of-type(odd){ background: #e4e1eb; } .p-d-pages-log-list-wrap li svg{ margin-right: 5px; } .p-d-pages-log-list-wrap li span{ min-width: 190px; } .p-d-pages-log-list-wrap li strong{ font-weight: bold; color: #2B2B36; margin-left: 0px; } .p-d-pages-log-list-wrap li .pull-right .btn{ padding: 2px 10px; margin-top: -2px; } .p-d-pages-log-list-wrap li .pull-right .btn-light{ background: #fff; border: 1px solid #ccc; } .p-d-pages-log-list-wrap li .pull-right .btn-light:focus{ color: #2b2b2b; } .p-d-pages-log-list-wrap li .pull-right .btn-light:hover{ background: #eee; color: #2b2b2b; } .p-d-pages-log-list-wrap li .pull-right .btn-success{ background: #42ce9e; } .p-d-pages-log-btn-dark-view{ background: #565668; color: #fff; border-radius: 60px; margin-bottom: 20px; } .p-d-pages-info-header-dark th{ padding: 12px 0 10px 40px!important; font-weight: 400; color: #fff!important; text-transform: uppercase; background: #000!important; border-bottom: none; text-align: left; } .deailxinxi-none-pad{ padding: 0!important; } .deailxinxi-none-pad .trade__action{ background: #f4f3f6!important; border-bottom: 1px solid #e6e6ec!important; padding-top: 15px!important; padding-bottom: 10px!important; } .p-d-pages-maindeail{ padding: 30px!important; border: 0!important; background: #fff!important; margin-top: 0!important; margin-bottom: -30px; word-break: break-all; word-wrap: break-word; } .p-d-pages-verification{ background: #fff; overflow: hidden; border:10px solid #ddd; border-image: -webkit-linear-gradient(#fed943, #ff9911) 20 20; border-image: -moz-linear-gradient(#fed943, #ff9911) 20 20; border-image: -o-linear-gradient(#fed943, #ff9911) 20 20; border-image: linear-gradient(#fed943, #ff9911) 20 20; margin-bottom: 30px; position: relative; padding-top: 15px; padding-bottom: 15px; box-shadow: 0 0 30px #ffe57e; } .p-d-pages-verification .gth-icon-pic{ width: 85px; margin-left: 10px; margin-top: 13px; display: inline-block; } .p-d-pages-verification .official-btn{ background: #fffcf5; border: 1px solid #de2a29; border-radius: 3px; color: #dc2924; padding: 5px 15px; position: absolute; top: 5px; right: 5px; display: block; font-family: 'Gothbold'; font-size: 14px; cursor: pointer; z-index: 9999; } .p-d-pages-verification .official-btn:hover{ background: #de2a29; color: #fff; } .p-d-pages-verification .official-btn img{ width: 20px; } .p-d-pages-verification img{ width: 60px; } .p-d-pages-verification p{ color: #2B2B36; } .p-d-pages-verification .b-title{ font-size: 20px; color: #fc0f3f; font-family: 'Gothbold'; } .p-d-pages-verification .btn-light{ border: 1px solid #d2d2d2!important; border-radius: 4px; margin-top: 10px; } .p-d-pages-verification .btn-light:hover{ color: #000!important; } .p-d-pages-verification .btn-light img{ width: 30px; } /* Order Verify */ .order-verify-page-tips{ padding: 15px; overflow: hidden; } .order-verify-page-tips h3{ font-size: 18px; font-family: Gothbold; } .order-verify-page-tips .text-in{ border: 1px solid #ffde00; background: #fffdf8; padding: 5px 10px; border-radius: 2px; color: #e84215; /*box-shadow: 0 2px 0 #ffde00;*/ margin-top: 10px; } .order-verify-page-panel{ border: 0!important; } .order-verify-page-panel .disputes-update-photo li a{ margin: auto; } .order-verify-page-panel .panel-body{ padding-top: 0!important; } .order-verify-page-footer{ padding: 0 15px 15px 15px; overflow: hidden; } .order-verify-page-footer .btn{ border-radius: 100px; float: right; width: 80px; } .order-verify-page-bztext{ border-radius: 3px; margin-top: 5px; } .order-verify-page-title{ font-size: 16px; } .sell-pages-top-tips-wrap{ border: 1px solid #ffedc5; background: #fff9eb; padding: 10px; border-radius: 4px; box-shadow: 0 0 10px #fffaf2; margin-bottom: 5px; overflow: hidden; } .sell-pages-top-tips-wrap a:hover{ color: #ec3a2f; } .sel-this-ok{ background:#ddd url(../images/thisok.png) no-repeat 3px 6px!important; background-size: 16px 16px!important; padding-left: 25px!important; } .sel-this-check{ background:url(../images/thischeck.png) no-repeat 3px 6px!important; background-size: 16px 16px!important; padding-left: 25px!important; } .beizhuwrap p{ padding-top: 10px; padding-bottom: 5px; overflow: hidden; } .label-cs-tips{ border-radius: 4px; font-family: 'Gothbold'; } .label-cs-tips svg{ color: #ffde00!important; } .login_sell .sellmain .registerbox{ max-width: 1140px; } .login_sell .sellmain .registerbox .registermain{ padding: 0; } .login_sell .sellmain .registerbox .registermain .title{ background: #e3e2eb; } /* Skip Tips */ .skip-tips-wrap{ border-top: 3px solid #dd1e16; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; border-radius: 4px; background: #f7f7fa; box-shadow: 2px 2px 8px #cecece; padding: 15px; margin-top: 30px; } .skip-tips-wrap .left-box{ display: flex; align-items: center; border-right: 1px solid #e3e2eb; padding-right: 30px; } .skip-tips-wrap .left-box img{ display: block; float: left; width: 80px; height: 80px; } .skip-tips-wrap .left-box .text{ display: block; float: left; font-size: 11px; color: #414245; padding-left: 15px; } .skip-tips-wrap .right-box{ text-align: center; } .skip-tips-wrap .right-box .btn{ font-weight: bold; font-family: 'bebas_neue'; margin-top: 10px; } .skip-tips-wrap .right-box .btn-skip{ border: 1px solid #ec3a2f; padding: 5px 15px; color: #ec3a2f; } .skip-tips-wrap .right-box .btn-skip:hover{ background: #ec3a2f; color: #fff; } .btn-outline-danger-sm{ border: 1px solid #ec3a2f; color: #ec3a2f; font-family: 'bebas_neue'; font-weight: bold; background: #fff; } .btn-outline-danger-sm:hover{ background: #ec3a2f; color: #fff; } .num-ollist{ margin: 15px; } .num-ollist li{ list-style-type: decimal!important; text-align: left; margin-top: 5px; margin-bottom: 5px; } .product-list-rows .padding-box .media .media-body a{ display: block; } .pro-list-max-height{ max-height: 50px; overflow: hidden; display: block; } .pro-list-view-all{ padding: 0px 4px; border: 1px solid #eee; border-radius: 2px; display: inline-block; cursor: pointer; background: #fafafa; color: #666; } .pro-list-view-all:hover{ background: #eee; } .danger-tips-info{ background: rgba( 255, 0, 0, 0.7); color: #fff; padding: 5px 20px; width: 100%; /*margin-top: 15px;*/ z-index: 2; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .input_box .textinput{ border: 1px solid #c1c1c1; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .input_box .textinput::-webkit-input-placeholder{ color: #d6d8db; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .input_box .textinput::-moz-placeholder{ color: #d6d8db; } .list-coat-wrap{ position: relative; overflow: hidden; margin-top: 10px; border: 1px solid #dbe1e7; } .this-warning-info-text{ position: absolute; background: #f60; color: #ffff; padding: 2px 5px; border-radius: 3px; right: 105px; bottom: 2px; display: block; } .this-warning-info-text-2{ border: 0; /*background: #31334b;*/ border-radius: 3px; color: #f60; width: 100%; /*padding: 2px 15px;*/ /*position: absolute;*/ /*left: 0;*/ /*bottom: 0px;*/ white-space: normal!important; display: inline-block; margin-top: 5px; } .this-warning-info-text-3{ border: 1px solid #ff3918; background: #fff9f9; border-radius: 3px; color: #ff3918; width: 100%; white-space: normal!important; padding: 5px 15px; margin-top: 15px; } .user-menu-phone-show-inwrap{ } .user-menu-phone-show-inwrap .show-drop-this-btn{ display: none; } /* New Product List 2021-10-22 */ .product-list-card-show{ border: 1px solid #e2e1e6; background: #fff; border-radius: 3px; display: block; overflow: hidden; margin-bottom: 30px; transition: all ease 1s; } .product-list-card-show:hover{ box-shadow: 0 10px 15px #b0aeb8; } .product-list-card-show .card-show-head{ padding: 20px; font-family: 'Goth'; font-size: 14px; display: flex; align-items: center; } .product-list-card-show .card-show-head .server-icon{ width: 20px; height: 20px; border: 1px solid #9ba3b9; box-shadow: 0 0 10px #fafafa; border-radius: 100px; margin-right: 10px; } .product-list-card-show .card-show-head .category-icon{ width: 20px; height: 20px; margin-left: auto; } .product-list-card-show .card-show-body{ min-height: 80px; padding: 0 20px; position: relative; } .product-list-card-show .card-show-body .product-name{ font-size: 18px; font-family: 'Gothbold'; font-weight: bold; line-height: 22px; text-transform: capitalize; } .product-list-card-show .card-show-bar{ text-align: right; color: #414245; padding: 0 20px 10px 20px; position: absolute; bottom: 35px; } .product-list-card-show .card-show-bar .p-related-info{ margin-left: 15px; } .product-list-card-show .card-show-bar .text-dark{ color: #2B2B36!important; font-style: normal; } .product-list-card-show .card-show-footer{ border-top: 1px solid #e2e1e6; background: #f9f9f9; padding:10px 20px; display: flex; align-items: center; } .product-list-card-show .card-show-footer .user-box{} .product-list-card-show .card-show-footer .user-box .u-pic{ width: 32px; height: 32px; border-radius: 32px; float: left; border: 1px solid #9ba3b9; padding: 1px; overflow: hidden; } .product-list-card-show .card-show-footer .user-box .u-pic img{ width: 100%; } .product-list-card-show .card-show-footer .user-box .u-txt{ padding-left: 10px; float: left; } .product-list-card-show .card-show-footer .time-text{ } .product-list-card-show .card-show-footer .price-text{ font-size: 18px; margin-left: auto; font-family: 'Gothbold'; } .product-list-card-show .card-show-footer .price-text small{ /*color: #9292a2;*/ color: #2B2B36; /*font-family: 'Gothbold';*/ font-family: Arial, Helvetica, sans-serif; } .product-list-card-show .card-show-footer .price-text .zd-text{ color: #9292a2; font-size: 12px; padding-right: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 55px; display: inline-block; line-height: .85rem; } /* 产品搜索 */ .product-search-bar-wrap{ background: #fff; border-bottom: 1px solid #e2e2ea; padding-top: 15px; padding-bottom: 15px; } .product-search-bar-wrap .search-result-text{ padding-top: 13px; display: block; } .product-search-bar-wrap .product-ranking{ padding-top: 5px; /*font-family: 'Gothbold';*/ font-size: 14px; } .product-search-bar-wrap .radio-inline, .checkbox-inline{ padding-left: 0; } .product-search-bar-wrap .s-tag-list{ background: #eee; border-radius: 20px; padding: 6px 6px 6px 10px; color: #2B2B36; font-family: 'Gothbold'; margin-right: 10px; } .product-search-bar-wrap .s-tag-list i{ background: #a0a0a0; color: #eee; border-radius: 30px; cursor: pointer; padding: 2px 3px 2px 3px; font-size: 9px; } .product-search-bar-wrap .s-tag-list i:hover{ background: #666; } .product-search-bar-wrap .clear-all-this{ cursor: pointer; color: #f33f2d; font-family: 'Gothbold'; } .product-search-bar-wrap hr{ margin-top: 15px; margin-bottom: 15px; } .product-search-bar-wrap .selectall .selectanniu, .multiple_choice .click_box{ height: 39px; border: 1px solid #d0d0d8; margin-left: 10px; } .product-search-bar-wrap .selectall .selectanniu .wenben, .multiple_choice .click_box .the_default{ line-height: 39px; font-family: 'Gothbold'; font-size: 13px; } .product-search-bar-wrap .selectall .ulbox, .multiple_choice .ulbox{ left: 10px; top: 39px; } .product-search-bar-wrap .selectall .selectanniu .border.borderqutong{ top: 15px!important; } .product-search-bar-wrap .flex_between .wenbennew{ white-space: nowrap; } .product-search-bar-wrap .price-range-wrap{} .product-search-bar-wrap .price-range-wrap .box1{ width: 45%; float: left; position: relative; } .product-search-bar-wrap .price-range-wrap .box1 .currency-icon{ position: absolute; top: 9px; right: 9px; font-weight: bold; display: block; font-family: 'Gothbold'; } .product-search-bar-wrap .price-range-wrap .box2{ width: 10%; float: left; text-align: center; line-height: 40px; } .phone-show-budget .price-range-wrap{ padding: 15px; } .phone-show-budget .price-range-wrap .box1{ width: 45%; float: left; position: relative; } .phone-show-budget .price-range-wrap .box1 .currency-icon{ position: absolute; top: 9px; right: 9px; font-weight: bold; display: block; font-family: 'Gothbold'; } .phone-show-budget .price-range-wrap .box2{ width: 10%; float: left; text-align: center; line-height: 40px; } .phone-show-budget .price-range-wrap .box3{ width: 24%; float: left; } .phone-show-budget .price-range-wrap .box3 .btn{ border-radius: 3px; line-height: 22px; font-family: 'Gothbold'; } .radio { margin: 0.5rem; } .radio input[type="radio"] { position: absolute; opacity: 0; } .radio input[type="radio"] + .radio-label:before { content: ''; background: #f4f4f4; border-radius: 100%; border: 1px solid #b4b4b4; display: inline-block; width: 1.4em; height: 1.4em; position: relative; top: -0.2em; margin-right: 1em; vertical-align: top; cursor: pointer; text-align: center; -webkit-transition: all 250ms ease; transition: all 250ms ease; } .radio input[type="radio"]:checked + .radio-label:before { background-color: #3197EE; box-shadow: inset 0 0 0 4px #f4f4f4; } .radio input[type="radio"]:focus + .radio-label:before { outline: none; border-color: #3197EE; } .radio input[type="radio"]:disabled + .radio-label:before { box-shadow: inset 0 0 0 4px #f4f4f4; border-color: #b4b4b4; background: #b4b4b4; } .radio input[type="radio"] + .radio-label:empty:before { margin-right: 0; } .radio .radio-label{ line-height: 15px; } .product-search-bar-wrap input{ border-radius: 3px; } .product-search-bar-wrap .sun-input{ padding-left: 35px; } .product-search-bar-wrap .dropdown-menu{ left: 0; border: 0; background: none; min-width: 520px; padding: 0; box-shadow: none!important; } .product-search-bar-wrap .dropdown-menu .panel{ margin-bottom: 0; border-radius: 4px!important; border: 0; box-shadow: 0 2px 4px rgba(94,94,102,0.45); } .product-search-bar-wrap .dropdown-menu .panel-default>.panel-heading{ background: #fff; position: relative; } .product-search-bar-wrap .dropdown-menu .panel-default>.panel-heading .s-icon{ position: absolute; left: 25px; top: 15px; font-size: 20px; color: #666; } .product-search-bar-wrap .dropdown-menu .panel-default>.panel-heading .pc-clear-icon{ position: absolute; right: 25px; top: 20px; font-size: 14px; color: #666; cursor: pointer; } .product-search-bar-wrap .dropdown-menu .panel-body{ max-height: 330px; overflow: auto; } .product-search-bar-wrap .dropdown-menu .panel-body strong{ font-family: 'Gothbold'; font-size: 16px; font-weight: bold; } .product-search-bar-wrap .dropdown-menu .panel-body .radio input[type="radio"]{ opacity: 1; margin-top: 3px; } .product-search-bar-wrap .dropdown-menu .panel-footer{ background: none; } .product-search-bar-wrap .dropdown-menu .panel-footer .btn{ border-radius: 3px; font-family: 'Gothbold'; } .product-search-bar-wrap .dropdown-menu .panel-footer .btn-light{ background: #f8f8f8; color: #9292a1; } .product-search-bar-wrap .dropdown-menu .panel-footer .btn-light:hover{ background: #9292a1; color: #fff; } .product-search-bar-wrap .dropdown-menu .panel-footer .btn-light:focus{ background: #9292a1; color: #fff; } .btn-light-drop{ border: 1px solid #d0d0d8; background: #fff; border-radius: 3px; font-family: 'Gothbold'; height: 39px; } .btn-light-drop:hover{ background: #e2e1e6; color: #414245; } .btn-light-drop:focus{ background: #e2e1e6; color: #414245; } .other-product-row-list{ /*background: #fff;*/ /*overflow: hidden;*/ padding-top: 40px; padding-bottom: 0px; } .other-product-row-list .big-title{ font-family: 'Gothbold'; } .other-product-row-list .sellers-wrap{ margin: 0; padding: 20px 0 0 0; } .other-product-row-list .sellers-wrap li{ display: block; margin-bottom: 10px; } .other-product-row-list .sellers-wrap li a{ border-left: 1px solid #eee; border-right: 1px solid #eee; border-top: 1px solid #eee; border-bottom: 1px solid #fff; box-shadow: 0 2px 1px #e0e0e0; border-radius: 3px; display: block; padding: 20px; transition: all ease 1s; position: relative; z-index: 888; } .other-product-row-list .sellers-wrap .ot-header{ display: flex; align-items: center; } .other-product-row-list .sellers-wrap li a:hover{ box-shadow: 0 4px 10px #ccc; } .other-product-row-list .sellers-wrap li:nth-of-type(even) a{ background: #fafafc; } .other-product-row-list .sellers-wrap li a:hover{ background: #f7f6fb; } .other-product-row-list .sellers-wrap li .seller-pic{ border-radius: 4px; width: 40px; height: 40px; float: left; margin-right: 10px; position: relative; } .other-product-row-list .sellers-wrap li .seller-pic .user-state{ width: 10px; height: 10px; border: 2px solid #fff; position: absolute; right: -3px; bottom: -3px; border-radius: 20px; background: #21cf81; z-index: 2; } .other-product-row-list .sellers-wrap li .seller-pic .offlinedot{ width: 10px; height: 10px; border: 2px solid #fff; position: absolute; right: -3px; bottom: -3px; border-radius: 20px; background: #9ba3b9; z-index: 2; } .other-product-row-list .sellers-wrap li .seller-pic img{ border-radius: 4px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-width: 40px; max-height: 40px; } .other-product-row-list .sellers-wrap li .seller-text{ float: left; } .other-product-row-list .sellers-wrap li .seller-text .go-seller{ position: relative; z-index: 999; padding: 0; border: 0; background: 0; box-shadow: none; display: inline-block; } .other-product-row-list .sellers-wrap li .seller-text .s-name{ /*font-family: 'Gothbold';*/ display: block; margin-top: -3px; font-size: 12px; width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 0; } .other-product-row-list .sellers-wrap li .seller-text .level-icon{ overflow: hidden; } .other-product-row-list .sellers-wrap li .seller-text .level-icon img{ width: 12px; float: left; margin-right: 2px; } .other-product-row-list .sellers-wrap li .seller-text .seller-score{ overflow: hidden; } .other-product-row-list .sellers-wrap li .seller-text .seller-score svg{ margin-right: 0px; font-size: 14px; color: #f9c60b; vertical-align: -.175em; } .other-product-row-list .sellers-wrap li .seller-text .level-icon{ display: flex; } .other-product-row-list .sellers-wrap li .seller-text .level-icon .imgboxdengji{ width: 15px; height: 11px; } .other-product-row-list .sellers-wrap li .d-m-info{} .other-product-row-list .sellers-wrap li .d-m-info .d-m-text{ color: #9e9e9e; font-family: 'Goth'; font-size: 14px; display: block; margin-top: -4px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; text-transform: capitalize; } .other-product-row-list .sellers-wrap li .d-m-info .d-m-text2{ color: #2B2B36; /*font-family: 'Gothbold';*/ font-size: 16px; padding-top: 3px; display: block; margin-top: 3px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .other-product-row-list .sellers-wrap li .d-m-info img{ width: 20px; margin-right: 5px; margin-top: 5px; } .other-product-row-list .sellers-wrap li .price-in{ padding-top: 12px; float: right; } .other-product-row-list .sellers-wrap li .price-in strong{ font-size: 16px; font-family: 'Gothbold'; } .other-product-row-list .sellers-wrap li .price-in small{ font-size: 12px; } .other-product-row-list .sellers-wrap li a .phone-show{ display: none; } .other-product-row-list .product-ranking .radio-label{ padding-left: 0; } .other-product-row-list .price-range-wrap{} .other-product-row-list .price-range-wrap .box1{ width: 45%; float: left; position: relative; } .other-product-row-list .price-range-wrap .box1 .currency-icon{ position: absolute; top: 7px; right: 9px; font-weight: bold; display: block; font-family: 'Gothbold'; } .other-product-row-list .price-range-wrap .box1 input{ border-radius: 3px; } .other-product-row-list .price-range-wrap .box2{ width: 10%; float: left; text-align: center; line-height: 30px; } /* 分页 */ .pn-container { padding: 1rem; margin: 0 auto; border-radius: 0.2rem; counter-reset: pagination; text-align: center; } .pn-container:after { clear: both; content: ""; display: table; } .pn-container ul { width: 100%; } .pn-container .pagination{ width: 100%; } .xlarge { width: 65rem; } .large { width: 53rem; } .middle { width: 32rem; } .small { width: 22rem; } .xsmall { width: 14rem; } .pn-container ul{ list-style: none; display: inline; padding-left: 0px; } .pn-container ul li { list-style: none; display: inline; padding-left: 0px; } .pn-container li { counter-increment: pagination; margin-left: 2px; margin-right: 2px; } .pn-container li:hover a { color: #fdfdfd; background-color: #dc2424; border: solid 1px #dc2424; } .pn-container li.active a { color: #fdfdfd; background-color: #dc2424; border: solid 1px #dc2424; } .pn-container li:first-child { float: left; } .pn-container li:first-child a:after { content: "Previous"; } .pn-container li:nth-child(2) { counter-reset: pagination; } .pn-container li:last-child { float: right; } .pn-container li:last-child a:after { content: "Next"; } .pn-container li a { border: solid 1px #ececf1; background: #ececf1; border-radius: 0.2rem; color: #414245; text-decoration: none; text-transform: uppercase; display: inline-block; text-align: center; padding: 0.8rem 1.2rem; } .pn-container li a:after { content: " " counter(pagination) " "; } .large li a { display: none; } .large li:first-child a { display: inline-block; } .large li:first-child a:after { content: "Previous"; } .large li:nth-child(2) a { display: inline-block; } .large li:nth-child(3) a { display: inline-block; } .large li:nth-child(4) a { display: inline-block; } .large li:nth-child(5) a { display: inline-block; } .large li:nth-child(6) a { display: inline-block; } .large li:nth-child(7) a { display: inline-block; } .large li:nth-child(8) a { display: inline-block; } .large li:last-child a { display: inline-block; } .large li:last-child a:after { content: "Next"; } .large li:nth-last-child(2) a { display: inline-block; } .large li:nth-last-child(3) { display: inline-block; } .large li:nth-last-child(3):after { padding: 0 1rem; content: "..."; } .middle li a { display: none; } .middle li:first-child a { display: inline-block; } .middle li:first-child a:after { content: ""; } .middle li:nth-child(2) a { display: inline-block; } .middle li:nth-child(3) a { display: inline-block; } .middle li:nth-child(4) a { display: inline-block; } .middle li:nth-child(5) a { display: inline-block; } .middle li:nth-last-child(2) a { display: inline-block; } .middle li:nth-last-child(3) { display: inline-block; } .middle li:nth-last-child(3):after { padding: 0 1rem; content: "..."; } .small li { display: none; } .small li:first-child { width: 50%; display: inline; } .small li:first-child a:after { content: "Previous Page"; } .small li:last-child { display: inline; } .small li:last-child a:after { content: "Next Page"; } .xsmall li { display: none; } .xsmall li.active { display: inline; } .xsmall li:first-child { display: inline; } .xsmall li:first-child a:after { content: "Prev"; } .xsmall li:last-child { display: inline; } .xsmall li:last-child a:after { content: "Next"; } .pagination-sm-show ul{ margin: 0 auto; padding: 0; display: flex; justify-content: center; } .pagination-sm-show ul li{ border: 1px solid #e0e0e0; float: left; margin: 0 5px; padding: 0; border-radius: 3px; font-family: 'Gothbold'; cursor: pointer; } .pagination-sm-show ul li a{ display: block; padding: 9px 15px; } .pagination-sm-show ul li:hover{ color: #f34638; } .pagination-sm-show ul li span{ display: block; } .pagination-sm-show .active{ background: #f34638; border-color: #f34638; color: #fff; } .delivery-method-txt{ margin: 0; padding: 0; } .delivery-method-txt li{ width: 100%; float: left; list-style-type: none; margin-bottom: 0!important; padding-bottom: 0; font-family: 'Gothbold'; font-size: 14px; } /* 开关 */ .switch { position: relative; display: inline-block; width: 42px; height: 22px; } .switch input {display:none;} .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 14px; width: 14px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; } .switch input:checked + .slider { background-color: #21f389; } .switch input:focus + .slider { box-shadow: 0 0 1px #21f389; } .switch input:checked + .slider:before { -webkit-transform: translateX(19px); -ms-transform: translateX(19px); transform: translateX(19px); } /* Rounded sliders */ .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } /* 购物代金券账单 */ .gwdjqzd-new-wrap{} .gwdjqzd-new-wrap .panel{ border-radius: 3px; margin-bottom: 0; } .head-date-txt-show{ padding: 10px 15px; font-family: 'Gothbold'; font-size: 16px; } .gwdjqzd-list{ margin: 0; padding: 0; } .gwdjqzd-list li{ padding: 10px 15px; border-bottom: 1px solid #e0e0e0; } .combin-light-bg-wrap{ background: #fff; border: 1px solid #e9e9ee; padding: 30px 30px 0px 30px; overflow: hidden; border-radius: 3px 3px 0px 0px; position: relative; border-bottom: 0px; margin-bottom: -15px; z-index: 2; } .combin-light-bg-wrap .other-product-num-txt{ font-size: 16px; cursor: pointer; } .combin-light-bg-wrap .other-product-num-txt:hover{ color: #DE2826; } .combin-light-bg-wrap h2 .label-danger{ background-color: #d71e00; border: 1px solid #A91800; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset; box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset; border-radius: 3px; padding: 2px 6px 3px 6px; font-size: 14px; font-weight: normal; font-family: "Roboto"; position: relative; top: -7px; text-transform: uppercase; margin-right: 3px; } .sellers-wrap .label-danger{ background-color: #d71e00; border: 1px solid #A91800; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset; box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset; border-radius: 3px; padding: 2px 5px 3px 5px; font-size: 11px; font-weight: normal; font-family: "Roboto"; position: relative; text-transform: capitalize; margin-right: 3px; transform-origin: top left; transform: scale(0.8,0.8); } .sell-product-list .product-footer .label-danger{ background-color: #d71e00; border: 1px solid #A91800; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset; box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset; border-radius: 3px; padding: 0 4px; font-size: 11px; font-weight: normal; font-family: "Roboto"; position: relative; text-transform: capitalize; margin-right: 3px; transform-origin: top left; transform: scale(0.9,0.9); position: absolute; left: 53px; bottom: 4px; } .safe-shopping-tips{ display: flex; height: 40px; align-items: center; justify-content: center; margin-top: 10px; font-size: 12px; padding: 15px; } .safe-shopping-tips img{ width: 30px; height: 20px; margin-right: 10px; } .footer-buy-btn-bar-wrap{ display: none; } .clicknone{ cursor: default; pointer-events: none; opacity: 0.5; } .only-brea-nav{ position: relative; height: 25px; overflow: hidden; margin-bottom: -15px; } .only-brea-nav .site-b-menu{ background: #f7f7fa; color: #3f404f; height: 25px; } .only-brea-nav .site-b-menu .breadcrumb li a{ color: #3f404f; } .only-brea-nav .site-b-menu .breadcrumb>.active{ color: #3f404f; } .d-pc-block{ display: block; } .d-phone-block{ display: none; } .pc-padding-s1{ padding-left: 0; padding-right: 0; } .pc-padding-s2{ padding-right: 0; } /* 金币详情页推荐 */ .product-page-random-recommendation{} .product-page-random-recommendation .item{ margin: 5px; } .product-page-random-recommendation .product-list-card-show{ border-left: 1px solid #eee; border-right: 1px solid #eee; border-top: 1px solid #eee; border-bottom: 1px solid #fff; box-shadow: 0 2px 1px #e0e0e0; } .product-page-random-recommendation .product-list-card-show .card-show-footer{ border-top: 1px solid #eee; } .product-page-random-recommendation .product-list-card-show:hover{ box-shadow: 0 5px 10px #ddd; } .product-page-random-recommendation .product-list-card-show .card-show-body{ min-height: 50px; } #owl-demo-con .owl-prev { position: absolute; left: -15px; top: 6rem; margin: 0; } #owl-demo-con .owl-prev img { width: 20px; margin-top: .45rem; margin-bottom: .45rem; } #owl-demo-con .owl-next { position: absolute; right: -15px; top: 6rem; margin: 0; } #owl-demo-con .owl-next img { width: 20px; margin-top: .45rem; margin-bottom: .45rem; } /* Header Bar */ .header-bar-fix{ position: sticky; left: 0; top: 0; z-index: 9999; } .menu-in-search-wrap{ display: none; } .two-top-search-pc-show{ display: block; } .top-bar-language-btn{ padding: 0; height: auto; color: #a0a0a9; } .top-bar-language-btn img{ height: 12px; } .footer-bar-fix-wrapper{ display: none; } .page-sort-list-btn{ background: #fff; border: 0; color: #414245; border-radius: 3px!important; } .page-sort-list-btn:hover{ color: #2b2b2b; } .results-and-online .box{ margin-top: 0px; } .results-and-online .box .boxxiao .fenleibox { position: relative; } .results-and-online .box .boxxiao .fenleibox .wenbenbox { cursor: pointer; } .results-and-online .box .boxxiao .fenleibox .wenbenbox .wenbenbianliang { color: red; padding-right: 3px; } .results-and-online .box .boxxiao .fenleibox .wenbenbox .glyxia { font-size: 12px; color: #CDCDD5; margin-right: 10px; top: -2px; } .results-and-online .box .boxxiao .fenleibox .fenleiprice { position: absolute; top: 26px; /*left: -100px;*/ right: 0; width: 170px; background: #fff; z-index: 9999; border: 1px solid #eee; border-radius: 3px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175); box-shadow: 0 6px 12px rgba(0,0,0,0.175); } .results-and-online .box .boxxiao .fenleibox .fenleiprice .libox { height: 50px; width: 100%; border-bottom: 1px solid #ddd; transition: all .5s linear; cursor: pointer; } .results-and-online .box .boxxiao .fenleibox .fenleiprice .libox a { width: 100%; height: 100%; display: block; padding: 15px; } .results-and-online .box .boxxiao .fenleibox .fenleiprice .libox:hover { color: red; background: #f7f7f9; } .results-and-online .box .boxxiao .fenleibox .fenleiprice .libox.active { color: red; } .results-and-online .box .boxxiao .fenleibox .fenleiprice .libox:last-child { border: 0; } .product-list-newbar-wrap{} .product-list-newbar-wrap .pad-left-right-none{ padding-left: 0px; padding-right: 0px; } .product-list-newbar-wrap .pad-left-none{ padding-left: 0px; } .product-list-newbar-wrap .online-sell-phone-show{ margin-top: 8px; } .margin_left_pc15{ margin-left: 15px; } .results-and-online{ padding-top: 15px; /*margin-bottom: -20px;*/ position: relative; z-index: 2; } .common-template-list-page-select{} .common-template-list-page-select .left-and-right-px5{ padding-left: 5px; padding-right: 5px; } .common-template-list-page-select .selectall .selectanniu, .multiple_choice .click_box{ margin-left: 0; } .common-template-list-page-select .selectall{ margin-right: 0!important; } .common-template-list-page-select .selectall .ulbox, .multiple_choice .ulbox{ left: 0!important; } .common-template-list-page-select .dropdown-menu{ left: 5px; } .common-template-list-page-select .margin_left_pc15{ margin-left: 0!important; } .common-template-list-page-select .search-btn{ position: absolute; top: 7px; right: 25px; display: block; font-size: 18px; } .common-template-list-page-select .search-btn:hover{ color: #DE2826; } .product_page_description_btn_box{ margin-bottom: -40px!important; top: -30px!important; } /* 购物代金券账单 */ .gwdjqzd-new-wrap{} .gwdjqzd-new-wrap .panel{ border-radius: 3px; margin-bottom: 0; } .head-date-txt-show{ padding: 10px 15px; font-family: 'Gothbold'; font-size: 16px; } .gwdjqzd-list{ margin: 0; padding: 0; } .gwdjqzd-list li{ padding: 10px 15px; border-bottom: 1px solid #e0e0e0; } .gwdjqzd-new-wrap .btn{ border-radius: 3px; } .gwdjqzd-new-wrap input{ border-radius: 3px; } .gwdjqzd-new-wrap .labeltext{ margin-top: 10px; text-align: right; } .gwdjqzd-new-wrap .pad-left-and-right-none{ padding-left: 0; padding-right: 0; } .gwdjqzd-new-wrap .ye-text{ font-family: 'Gothbold'; font-size: 16px; padding-top: 15px; display: block; } .gwdjqzd-new-wrap .pad-sm{ padding-left: 5px; padding-right: 5px; } .what-is-cred{ border-radius: 4px; color: #f34638; padding: 5px 15px; display: inline-block; font-family: 'Gothbold'; margin-top: 4px; margin-left: -130px; transition: all ease 1s; } .what-is-cred:hover{ color: #DE2826; background: #ffeded; box-shadow: 0 0 15px #ffeded; } .just-phone-show-search-sm-icon{ display: none; } .manage-list-drop-menu-wrap{ position: relative; margin-right: 5px; } .manage-list-drop-menu-wrap .btn-light-drop{ height: 42px; border-radius: 5px; border: 1px solid #dddddd; font-family: 'Goth'; } .manage-list-drop-menu-wrap .dropdown-menu{ left: 0; border: 0; background: none; min-width: 520px; padding: 0; box-shadow: none!important; } .manage-list-drop-menu-wrap .dropdown-menu .panel{ margin-bottom: 0; border-radius: 4px!important; border: 0; box-shadow: 0 2px 4px rgba(94,94,102,0.45); } .manage-list-drop-menu-wrap .dropdown-menu .panel-default>.panel-heading{ background: #fff; position: relative; } .manage-list-drop-menu-wrap .dropdown-menu .panel-default>.panel-heading .s-icon{ position: absolute; left: 25px; top: 18px; font-size: 20px; color: #666; } .manage-list-drop-menu-wrap .dropdown-menu .panel-heading input{ border-radius: 3px; padding-left: 35px; } .manage-list-drop-menu-wrap .dropdown-menu .panel-body{ max-height: 330px; overflow: auto; } .manage-list-drop-menu-wrap .dropdown-menu .panel-body strong{ font-family: 'Gothbold'; font-size: 16px; font-weight: bold; } .manage-list-drop-menu-wrap .dropdown-menu .panel-body .radio input[type="radio"]{ opacity: 1; margin-top: 3px; } .manage-list-drop-menu-wrap .dropdown-menu .panel-footer{ background: none; } .manage-list-drop-menu-wrap .dropdown-menu .panel-footer .btn{ border-radius: 3px; font-family: 'Gothbold'; } .manage-list-drop-menu-wrap .dropdown-menu .panel-footer .btn-light{ background: #f8f8f8; color: #9292a1; } .manage-list-drop-menu-wrap .dropdown-menu .panel-footer .btn-light:hover{ background: #9292a1; color: #fff; } .manage-list-drop-menu-wrap .dropdown-menu .panel-footer .btn-light:focus{ background: #9292a1; color: #fff; } .pages-big-title-md{ font-weight: bold; font-family: 'Gothbold'; font-size: 22px; border-left: 3px solid #f50; padding-left: 10px; height: 20px; } .new-panel{ margin-top: 15px; } .new-panel .b-title{ font-size: 18px; margin-top: 10px; display: block; } .new-panel .lm-icon{ width: 80px; } .new-panel .btn-blue{ background: #8ad1cf; color: #fff; margin-top: 20px; } .new-panel .btn-blue:hover{ background: #5fbdba; } .modal-style-1{} .modal-style-1 .modal-body{ padding: 30px; } .modal-style-1 .modal-header{ background: #000; color: #fff; border-radius: 3px 3px 0 0; font-weight: bold; } .modal-style-1 .modal-title{ font-family: 'Gothbold'; } .modal-style-1 .close{ color: #fff; } .modal-style-1 .link-text{ font-size: 18px; color: #8ad1cf; font-family: 'Gothbold'; margin-top: 15px; } .modal-style-1 input{ border-radius: 3px; } .modal-style-1 p{ color: #9292a2; } .modal-style-1 .btn{ min-width: 100px; } .modal-style-1 .modal-footer{ padding: 30px; } .modal-style-1 .qx-btn{ background: #d3d5da; color: #fff; } .modal-style-1 .cj-btn{ background: #64b9b7; color: #fff; } .modal-style-1 .share-icon a{ margin-right: 10px; margin-top: 10px; display: block; float: left; } .modal-style-1 .share-icon a img{ width: 30px; height: 30px; } .a-p-my-net-head .btn-blue{ background: #8ad1cf; color: #fff; margin-top: 15px; } .a-p-my-net-head .btn-blue:hover{ background: #5fbdba; } .a-p-my-net-wrap .header-bg{ background: #fafafc; border-bottom: 1px solid #f0f0f5; padding: 6px 10px; margin-bottom: 15px; } .promoti-list-bg-wrap{ border-bottom: 1px solid #f2f2f2; padding-top: 5px; padding-bottom: 5px; overflow: hidden; } .promoti-list-bg-wrap .form-control{ border: 0; background: none; box-shadow: none; height: auto; line-height: normal; padding: 0; } .promoti-list-bg-wrap .copy-btn{ border: 0; background: #fff; color: #f6432f; font-weight: bold; font-family: 'Gothbold'; font-size: 12px; top: 0; padding: 0; } .promoti-list-bg-wrap .Copyname{ color: #8ad1cf; cursor: pointer; } .promoti-list-bg-wrap .copy-ok-tips{ margin-top: 5px; margin-right: 6px; } .l-b-w-shadow{ box-shadow: 0 1px 1px rgba(0,0,0,0.05); margin-bottom: 5px; } .jb-bg-color-s1{ background-image: linear-gradient(to bottom , #ffffff, #f7f7f7); } .btn-outline-light-md{ border: 1px solid #9292a2; color: #414245; background: #fff; padding-top: 7px; padding-bottom: 7px; } .btn-outline-light-md:hover{ background: #9292a2; color: #fff; } .count-down-textnum{ color: #414245; font-size: 14px; font-family: 'Gothbold'; padding-left: 15px; } .pages-conditions-pc-show{ display: block; } .sub-choose-menu-show-btn{ display: none; } .sub-choose-pages-new{ display: none; } .sub-choose-pages-new .clear-this-icon{ position: absolute; right: 15px; top: 15px; font-size: 14px; color: #666; cursor: pointer; } .check-active-box-btn{ border: 1px solid #f30!important; color: #f30!important; } .orderurl{ border: 1px solid #ddd; border-radius: 3px; background: -webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#eeeeee)); box-shadow: 1px 1px 0px #ccc; padding: 2px 5px; cursor: pointer; } .orderurl:hover{ background: -webkit-gradient(linear,0% 0%,0% 100%,from(#eee),to(#fff)); } .sellprocess-pages-help-wrap{ /*border-top: 1px solid #e0e0e0;*/ background: #f8f9fb; margin-top: 50px; padding-top: 30px; } .if-google-translate-new-head{ top: 40px!important; } #product_list .banner .site-b-menu-nop .breadcrumb li a{ color: #ccc; } #product_list .banner .site-b-menu-nop .breadcrumb>.active{ color: #ccc; } .tix-info-list-wrap .pc-pad-left-none{ padding-left: 0; } .tix-info-list-wrap .phone-show-text{ display: none; } .tijiao-shenfenzheng input{ border-radius: 3px; text-transform: uppercase; } .tijiao-shenfenzheng .control-label{ font-size: 14px; } .tijiao-shenfenzheng .btn{ border-radius: 3px; } .s-m-qr-title{ border-bottom: 1px solid #e0e0e0; padding-bottom: 10px; font-size: 14px; font-weight: bold; margin-bottom: 15px; } .s-m-qrcode{ width: 40%; padding: 10px; margin: auto; border-radius: 3px; border: 1px solid #ddd; overflow: hidden; margin-bottom: 30px; } .s-m-qrcode img{ width: 100%; } .verify-success-wrap{ background: #f8fcf6; border: 1px solid #c7e5b4; border-radius: 4px; min-height: 150px; font-size: 16px; } .verify-success-wrap svg{ font-size: 35px; margin-top: 30px; margin-bottom: 10px; } .create-listing-item-table{ display: inherit; } .create-listing-item-table .table label{ margin-bottom: 0; } .create-listing-item-table .table input{ margin-top: 0; margin-right: 5px; } .create-listing-item-table img{ width: 33px; height: 33px; border-radius: 3px; } .create-listing-item-table .table tr th{ line-height: normal; padding: 0 8px; } .create-listing-item-table .table tr td{ line-height: normal; padding: 0 8px; } .selectdiv{ margin-top: 15px; } .selectdiv img{ width: 35px; height: 35px; border-radius: 3px; } .selectdiv .inputbox{ width: 60px; height: 24px; position: relative; } .selectdiv .inputbox .td-in-style{ position: absolute; width: 322px; height: 100px; top: 0px; border-radius: 3px; box-shadow: 0 3px 10px #ddd; z-index: 2; padding: 5px; } .selectdiv .inputbox .narrow{ position: absolute; left: 0; top: -16px; z-index: 3; background: #000; color: #fff; padding: 0 2px; border-radius: 4px; cursor: pointer; } .selectdiv .inputbox .narrow:hover{ background: #f34638; } .selectdiv select{ height: 23px; } .selectdiv input{ width: 80px!important; height: 23px; } .selectdiv .btn{ border-radius: 3px; padding: 2px 5px 0px 5px; } .selectdiv .label{ border-radius: 3px; background: #9292a2; } .selectdiv .img-add{ width:100px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -moz-text-overflow:ellipsis; white-space:nowrap; } .selectdiv .inputbox textarea{ width: 70px; } .product-list-card-show-s2{} .product-list-card-show-s2 .card-show-body{ min-height: 100px; padding-top: 15px; padding-left: 15px; padding-right: 15px; overflow: hidden; } .product-list-card-show-s2 .card-show-body img{ position: absolute; right: 15px; top: 15px; border-radius: 4px; width: 65px; height: 65px; } .product-list-card-show-s2 .card-show-body .product-name{ font-size: 14px; font-weight: normal; line-height: 18px; display: inline-block; width: 75%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; font-family: 'Goth'; word-wrap: break-word; word-break: break-all; } .product-list-card-show-s2 .sell-info-box{ position: relative; } .product-list-card-show-s2 .sell-info-box .on-line{ width: 10px; height: 10px; border: 2px solid #fff; z-index: 2; background: #00c853; border-radius: 10px; position: absolute; left: 18px; bottom: 0; } .product-list-card-show-s2 .sell-info-box .off-line{ background: #b2b5bb!important; } .product-list-card-show-s2 .sell-info-box img{ width: 25px; height: 25px; border-radius: 25px; display: block; float: left; margin-right: 5px; } .product-list-card-show-s2 .sell-info-box .right-info{ display: block; float: left; } .product-list-card-show-s2 .sell-info-box .right-info .imgboxdengji{ width: 15px; height: 10px; float: left; } .product-list-card-show-s2 .sell-info-box .right-info .imgboxdengji img{ width: 10px; height: 10px; } .product-list-card-show-s2 .card-show-footer{ padding-left: 12px; padding-right: 12px; height: 45px; } .product-list-card-show-s2 .card-show-footer .price-text .zd-text{ padding-right: 1px; } .product-list-card-show-s2 .card-show-footer .price-text small{ font-size: 14px; letter-spacing: -.7px; } .product-list-card-show-s2 .card-show-bar{ padding-left: 15px; padding-right: 15px; position: relative; bottom: 0; height: 29px!important; } .product-list-card-show-s2 .card-show-bar .server-txt{ color: #444444; font-family: 'Gothbold'; float: left; font-size: 12px; } .product-list-card-show-s2 .card-show-body .product-pic-box{ position: absolute; right: 15px; top: 15px; border-radius: 4px; width: 65px; height: 65px; } .product-list-card-show-s2 .card-show-body .product-pic-box .pic-in{ display: table-cell; text-align: center; vertical-align: middle; width: 65px; height: 65px; } .product-list-card-show-s2 .card-show-body .product-pic-box .pic-in img{ position: inherit; width: auto; height: auto; } .product-list-card-show-s3{ border: 1px solid #e2e1e6; background: #fff; border-radius: 3px; display: block; overflow: hidden; margin-bottom: 30px; transition: all ease 1s; cursor: pointer; position: relative; } .product-list-card-show-s3 .card-show-body{ padding: 15px; overflow: hidden; } .product-list-card-show-s3 .card-show-body .product-pic-wrap{ position: relative; display: flex; justify-content: center; } .product-list-card-show-s3 .card-show-body .product-pic-wrap .p-cover{ position: absolute; width: 60px; height: 83px; background: #fff; border: 1px solid #ccc; padding: 0; left: 25px; bottom: 7px; border-radius: 2px; overflow: hidden; } .product-list-card-show-s3 .card-show-body .product-pic-wrap .p-cover img{ width: 100%; height: auto; margin: 0; padding: 0; border-radius: 2px; box-shadow: none; } .product-list-card-show-s3 .card-show-body .product-pic-wrap .label-left{ display: block; width: 33px; height: 25px; position: absolute; top: 4px; left: 12px; z-index: 2; } .product-list-card-show-s3 .card-show-body .product-pic-wrap .label-right{ display: block; width: 33px; height: 25px; position: absolute; top: 5px; right: 15px; z-index: 2; } .product-list-card-show-s3 .card-show-body .product-pic-wrap .label-left img, .product-list-card-show-s3 .card-show-body .product-pic-wrap .label-right img{ width: 33px; height: 25px; box-shadow: none!important; } .product-list-card-show-s3 .card-show-body img{ /*width: 90%;*/ width: auto; height: 165px; margin-bottom: 5px; border-radius: 4px; box-shadow: 0 2px 5px #a2a2a2; margin: 2% 5% 20px 5%; } .product-list-card-show-s3 .card-show-body h4{ font-size: 14px; font-family: Gothbold; line-height: 1.5rem; color: #303030; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; height: 36px; } .product-list-card-show-s3 .card-show-body h4 img{ width: 13px; height: 13px; border-radius: 30px; border: 1px solid #e0e0e0; } .product-list-card-show-s3 .card-show-footer{ padding: 10px 15px; border-top: 1px solid #e2e1e6; background: #f9f9f9; display: flex; align-items: center; } .product-list-card-show-s3 .card-show-footer .label-num{ border: 1px solid #d9d9db; border-radius: .25rem; display: inline-block; padding: 2px 6px; } .product-list-card-show-s3 .card-show-footer .price{ margin-left: auto; font-family: Gothbold; font-size: 13px; } .product-list-card-show-s3 .card-show-footer .price .light-grey{ color: #9a9a9a; } .product-list-card-show-s3:hover{ box-shadow: 0 10px 15px #b0aeb8; } .product-list-card-show-s3 .card-show-footer-new-style{ background: #fafafa; border-top: 1px solid #f1f1f1; padding: 10px 15px 5px 15px; height: 63px; } .product-list-card-show-s3 .card-show-footer-new-style .label-num{ color: #a7a9b1; border: 1px solid #e0e0e0; border-radius: 0.25rem; padding: 3px 6px!important; } .product-list-card-show-s3 .card-show-footer-new-style .recent-sales{ color: #777; letter-spacing: -0.5px; /*position: absolute;*/ /*left: 15px;*/ /*bottom: -8px;*/ line-height: 12px; } .product-list-card-show-s3 .card-show-footer-new-style .sale-price{ font-family: Gothbold; font-size: 16px; } .product-list-card-show-s3 .card-show-footer-new-style .sale-label{ padding: 3px 5px; border-radius: 4px; background: red; color: #fff; margin-left: 3px; } .product-list-card-show-s3 .card-show-footer-new-style del{ color: #777; } .product-list-card-show-s3 .card-show-footer-new-style .order-two{ padding-left: 0; } .aceq-btn{ position: absolute; /* right: 0; */ top: -5px; left: 350px; border-radius: 3px; } #login_createli .sellmain .registermain .xuanxiang .table-responsive{ min-height: inherit; height: auto; overflow-x: inherit; } /* 创建列表页面 */ .td-list-in-pic-box{ position: relative; width: 35px; height: 35px; border: 1px solid #e0e0e0; } .td-list-in-pic-box:hover .big-img{ display: block; } .td-list-in-pic-box .big-img{ background: #fff; overflow: hidden; border: 1px solid #ddd; box-shadow: 0 0 10px #e0e0e0; width: 150px; height: 150px; position: absolute; left: 35px; bottom: -150px; /*bottom: 35px;*/ z-index: 2; display: none; } .td-list-in-pic-box .big-img img{ width: 150px; height: 150px; } .bottom-auto{ bottom: auto!important; } .items-sell-page-wrap{ margin-bottom: 30px; } .items-sell-page-wrap .panel-warning{ border: 1px solid #ece9e9; border-radius: .35rem; box-shadow: 0 6px 18px rgb(38 38 38 / 10%); background: #fefefe; } .items-sell-page-wrap .panel-warning .xuanxiang{ margin-left: 0!important; margin-bottom: 15px; } .items-sell-page-wrap .panel-heading::after{ /*content: '';*/ /*background-color: var(--first-color);*/ /*width: 100%;*/ /*height: 3px;*/ /*position: absolute;*/ /*top: 0;*/ /*left: 0;*/ /*border-radius: 0.25rem 0 0 0.25rem;*/ /*background-color: #ffc08a;*/ } .items-sell-page-wrap .panel-warning>.panel-heading{ background-color: #f4f2f5; border-color: #ececf2; color: #222; font-weight: bold; font-family: 'Gothbold'; border-radius: .35rem .35rem 0 0; } .items-sell-page-wrap .panel-body{ background: #fefefe; border-radius: 0 0 .35rem .35rem; } .items-sell-page-wrap .panel-heading .panel-title{ font-weight: bold; font-family: 'Gothbold'; } .items-sell-page-wrap .b-title{ font-size: 20px; font-weight: bold; margin-bottom: 15px; } .items-sell-page-wrap input{ max-width: 100%!important; } .items-sell-page-wrap .i-s-p-w-list{ margin-top: 15px; padding: 0; overflow: hidden; margin-left: -5px; margin-right: -5px; } .items-sell-page-wrap .i-s-p-w-list li{ width: 25%; float: left; padding-left: 5px; padding-right: 5px; } .items-sell-page-wrap .i-s-p-w-list li .i-li{ display: block; background: #f7f7fa; /*border: 1px solid #e0e0e0;*/ /*padding: 4px;*/ cursor: pointer; margin-bottom: 10px; border-radius: 3px; overflow: hidden; } .items-sell-page-wrap .i-s-p-w-list li .i-li:hover{ background: #f7f7fa; } .items-sell-page-wrap .i-s-p-w-list li .i-li .text{ margin-bottom: 0; width: 85%; padding: 5px 5px 5px 13%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .items-sell-page-wrap .i-s-p-w-list li .i-li .num{ width: 15%; text-align: right; float: right; padding: 5px 5px 0 0; } .items-sell-page-wrap .page-p-d-wrap .nav-tabs{ margin-left: 0!important; } .items-sell-page-wrap .tips-info-danger{ margin-left: 0!important; } .items-sell-page-wrap .close_add_list{ border-radius: 4px; padding: 3px 6px; } .items-sell-page-wrap .wenben{ margin-bottom: 10px; font-size: 14px; } .items-sell-page-wrap .u_p_p_btn{ opacity:0; width: 90%; height: 42px; display: block; position: absolute; left: 0; top: 0; z-index: 2; } .items-sell-page-wrap .upload_product_pictures{ border-radius: 4px; background: #f8f8f8; border: 1px solid #e0e0e0; color: #999; padding: 8px 12px; height: 42px; } .items-sell-page-wrap .imageShow{ margin-top: 15px; width: 100px; height: 100px; border: 1px solid #ccc; border-radius: 4px; overflow: hidden; padding: 1px; display: none; } .items-sell-page-wrap .imageShow>img{ width: 100%; height: 100%; border-radius: 4px; } .items-sell-page-wrap .product_info{ border-radius: .25rem!important; max-width: 100%!important; min-height: 90px!important; width: 100%!important; padding: 8px 12px; font-size: 14px; line-height: 1.42857143; color: #333333; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 0; -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); -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; } .items-sell-page-wrap .add_custom_item{ border-radius: 3px; margin-top: 10px; } .items-sell-page-wrap .sellxinxi{ min-width: 100%; margin-top: 0; margin-bottom: 0; } .items-sell-page-wrap .fold_this_item_card{ cursor: pointer; margin-left: 15px; margin-right: 15px; } .items-sell-page-wrap .fold_this_item_card:hover{ color: #999; } .items-sell-page-wrap .close_this_item_card{ cursor: pointer; } .items-sell-page-wrap .close_this_item_card:hover{ color: #999; } .items-sell-page-wrap .radio_box_max_height{ max-height: 240px; overflow-y: auto; margin-top: 8px; } .items-sell-page-wrap .show_all_radio{ border-radius: .25rem; margin-bottom: 15px; padding-top: 3px; padding-bottom: 2px; } .items-sell-page-wrap .sub_checkbox_wrap{ /*background: #ffe0ac;*/ background: #fffaf1; border: 1px solid #ffe0ac; padding: 10px 10px 0 10px; border-radius: .35rem; margin-bottom: 15px; max-height: 105px; overflow-y: auto; } .items-sell-page-wrap .sub_checkbox_wrap .i-s-p-w-list{ margin-top: 0; } .items-sell-page-wrap .sub_checkbox_wrap .i-s-p-w-list li .i-li{ background: #fff; } .items-sell-page-wrap .sub_checkbox_wrap .i-s-p-w-list li .i-li .text{ width: 85%; } .item_type_table .form-control{ height: 25px!important; line-height: 25px; } .item_type_table>tbody>tr:nth-of-type(even){ background: #fafafa; } /* Checkbox */ @keyframes hover-color { from { border-color: #c0c0c0; } to { border-color: #fb7600; } } .magic-radio, .magic-checkbox { position: absolute; display: none; } .magic-radio[disabled], .magic-checkbox[disabled] { cursor: not-allowed; } .magic-radio + label, .magic-checkbox + label { position: relative; display: block; padding-left: 30px; cursor: pointer; vertical-align: middle; } .magic-radio + label:hover:before, .magic-checkbox + label:hover:before { animation-duration: 0.4s; animation-fill-mode: both; animation-name: hover-color; } .magic-radio + label:before, .magic-checkbox + label:before { position: absolute; top: 6px; left: 6px; display: inline-block; width: 15px; height: 15px; content: ''; background: #fff; border: 1px solid #fb7600; } .magic-radio + label:after, .magic-checkbox + label:after { position: absolute; display: none; content: ''; } .magic-radio[disabled] + label, .magic-checkbox[disabled] + label { cursor: not-allowed; color: #e4e4e4; } .magic-radio[disabled] + label:hover, .magic-radio[disabled] + label:before, .magic-radio[disabled] + label:after, .magic-checkbox[disabled] + label:hover, .magic-checkbox[disabled] + label:before, .magic-checkbox[disabled] + label:after { cursor: not-allowed; } .magic-radio[disabled] + label:hover:before, .magic-checkbox[disabled] + label:hover:before { border: 1px solid #e4e4e4; animation-name: none; } .magic-radio[disabled] + label:before, .magic-checkbox[disabled] + label:before { border-color: #e4e4e4; } .magic-radio:checked + label:before, .magic-checkbox:checked + label:before { animation-name: none; } .magic-radio:checked + label:after, .magic-checkbox:checked + label:after { display: block; } .magic-radio + label:before { border-radius: 50%; } .magic-radio + label:after { top: 6px; left: 6px; width: 8px; height: 8px; border-radius: 50%; background: #3e97eb; } .magic-radio:checked + label:before { border: 1px solid #3e97eb; } .magic-radio:checked[disabled] + label:before { border: 1px solid #c9e2f9; } .magic-radio:checked[disabled] + label:after { background: #c9e2f9; } .magic-checkbox + label:before { border-radius: 3px; } .magic-checkbox + label:after { top: 7px; left: 11px; box-sizing: border-box; width: 5px; height: 10px; transform: rotate(45deg); border-width: 2px; border-style: solid; border-color: #fff; border-top: 0; border-left: 0; } .magic-checkbox:checked + label:before { border: #fb7600; background: #fb7600; } .magic-checkbox:checked[disabled] + label:before { border: #fb7600; background: #fb7600; } .add-item-srarch-line-block{ margin-top: -5px; margin-bottom: 10px; } .add-item-srarch-line-block input{ max-width: 100%!important; height: auto!important; } .add-item-srarch-line-block .btn{ border-radius: .25rem; } /* 模拟单选 */ .imit-radio-box{ margin: 0 -5px 5px -5px; padding: 0; max-height: 240px; overflow: auto; } .imit-radio-box li{ width: 33.333333%; float: left; padding-left: 5px; padding-right: 5px; overflow: hidden; } .imit-radio-box li .radio-li{ background: #f7f7fa; overflow: hidden; border-radius: .25rem; margin-bottom: 10px; cursor: pointer; position: relative; padding: 5px 7px; line-height: normal; display: flex; align-items: center; height: 30px; } .imit-radio-box li .radio-li .radio-ico{ width: 15px; height: 15px; display: inline-block; border: 1px solid #f5760d; background: #fff; border-radius: 2px; } .imit-radio-box li .radio-li .radio-ico .check_radio{ display: none; color: #fff; } .imit-radio-box li .radio-li .text{ display: inline-block; margin-left: 5px; } .imit-radio-box li .radio-li .num{ margin-left: auto; display: inline-block; } .imit-radio-box li .active .radio-ico{ background: #f5760d; } .imit-radio-box li .active .radio-ico .check_radio{ display: inline-block; } .subord-radio-card{ background: #fffae8; border: 1px solid #fff2e2; border-radius: .35rem; overflow: hidden; padding: 10px 10px 5px 10px; margin-bottom: 15px; } .subord-radio-card .imit-radio-box{ margin-bottom: 0; } .subord-radio-card .imit-radio-box li .radio-li{ background: #fff; border: 1px solid #eee; } /* 定义滚动条样式 */ .imit-radio-box::-webkit-scrollbar { /*滚动条整体样式*/ width : 6px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } .imit-radio-box::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px; box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2); background : #535353; } .imit-radio-box::-webkit-scrollbar-track { /*滚动条里面轨道*/ box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 10px; background : #ededed; } .sync_text_block{ overflow: hidden; } .sync_text_block .sync_text{ display: block; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; overflow: auto; resize: vertical; width: 80%; float: left; height: 100px; } .sync_text_block .sync_textbtn{ display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; color: #fff; background-color: #6c757d; border-color: #6c757d; display: block; width: 18%; float: left; margin-left: 2%; } .just-product-page-show-this{} .product-details-comment-btn{ border-radius: 4px; height: 31px; margin-top: -1px; } .agree_refund_modal{ top: 100px; } .agree_refund_modal .modal-body{ font-size: 16px; } .agree_refund_modal .modal-footer .btn{ border-radius: 4px; } .agree_refund_modal .modal-footer .btn-default{} /* 卖家订单详情决绝 上传图片 */ .sell_order_page_upload_pic{ background: #f8f8f8; border: 1px solid #e0e0e0; border-radius: 2px; height: 40px; line-height: 40px; position: relative; text-align: center; box-shadow: 1px 1px 0 #e0e0e0; color: #7e818d; } .sell_order_page_upload_pic input{ display: block; opacity: 0; z-index: 2; position: absolute; left: 0; height: 100%; cursor: pointer; width: 100%; } .sell_o_upload_file_name{ color: #7e818d; line-height: 40px; } .flex-e-center{ justify-content: center!important; } .user-dash-info-card .imgboxdengji{ height: auto; } .user-dash-info-card .levela{ /*height: 30px;*/ margin-top: 5px; margin-bottom: 0px; width: 180px; } .user-dash-info-card .dash-page-level-twrap{ height: auto; margin-top: 3px; } .user-dash-info-card .dash-page-buyer-level-box{ margin-top: 0px; width: 150px; } .fit-tips-card{ width: 100%; background: #fff; padding: 10px 10px 10px 20px; position: relative; border-radius: 4px; border: 1px solid #ddd; margin-bottom: 15px; display: flex; align-items: center; } .fit-tips-card .line-block{ background: #2394d7; position: absolute; width: 6px; height: 100%; top: 0; bottom: 0; left: 0; border-radius: 6px; } .fit-tips-card .blue{ font-size: 22px; color: #2dbf84!important; } .fit-tips-card .yellow{ font-size: 22px; color: #F5B140!important; } .fit-tips-card .tips-text{ margin-left: 10px; font-size: 14px; } .fit-tips-card a{ color: #f03726; text-decoration: none; } .fit-tips-card a:hover{ color: #D03E3E; } .yellow-line-block{ background: #F5B140!important; } /* 聊天提示 */ .chat-warning-tip{ width: 500px; overflow: hidden; background: #fff; border: 1px solid #ccc; border-radius: 6px; box-shadow: 0 0 15px #ccc; position: absolute; z-index: 99999; left: 50%; margin-left: -250px; top: 150px; /*display: flex;*/ align-items: center; /*justify-content: center;*/ font-size: 12px; /*font-weight: bold;*/ /*font-family: 'Gothbold';*/ padding: 20px; /*text-align: center;*/ flex-wrap: wrap; } .chat-warning-tip a{ color: #222; text-decoration: underline; font-weight: bold; font-family: 'Gothbold'; } .chat-warning-tip .icon{ width: 100%; height: 50px; color: #f60; margin-bottom: 15px; } .chat-warning-tip .close{ position: absolute; top: 5px; right: 5px; width: auto; height: auto; border: 0; background: none; } .chat-warning-tip .close svg{ width: 15px; height: 15px; } .chat-warning-tip .btn-box{ width: 100%; overflow: hidden; } .chat-warning-tip .btn-box .btn{ border-radius: 3px; margin-top: 10px; display: flex; margin: auto; } /* 聊天对话框的提示 */ .this-chat-warning-tips-bar{ margin-right: 63px; border: 1px solid #fffce6; background: #fffce6; color: #ff6d00; padding: 2 5px; border-radius: 4px; margin-top: -18px; box-shadow: 0 2px 2px 0 rgb(71 91 134 / 30%); } .this-chat-warning-tips-bar a{ text-decoration: underline; color: #ff6500; } .this-chat-warning-tips-bar svg{ color: #ff6500; width: 10px; height: 10px; margin-right: 5px; } .message_left .this-chat-warning-tips-bar{ margin-top: 0; } .i-btn-light{ border: 1px solid #eee; background: #fff; font-size: 13px; line-height: 30px; color: #2B2B36; font-family: 'Gothbold'; font-weight: 400; padding: 0 16px; text-align: center; border-radius: 4px; transition: 0.1s ease-in-out; box-shadow: 0 1px 0 0 #e6e6ec; height: 30px; cursor: pointer; margin-left: 30px; } .i-btn-light svg{ color: #f60; } .i-btn-light:hover{ background: #f60; border-color: #f60; color: #fff; } .i-btn-light:hover svg{ color: #fff; } .i-btn-light:focus{ background: #f60; } .i-btn-light:focus svg{ color: #fff; } /* Game King */ .game-king-wrap{ margin-left: -5px; margin-right: -5px; max-height: 570px; overflow-y: auto; } .game-king-wrap .game-card-list{ border: 1px solid #fff; border-radius: 6px; } .game-king-wrap .active .game-card-list{ border: 1px solid #fb7600; border-radius: 6px; overflow: hidden; box-shadow: 2px 2px 0 #fb7600; color: #f60; } .game-king-wrap .input-row-2-col{ width: 16.6666%!important; padding-left: 5px; padding-right: 5px; display: block; float: left; margin-top: 10px; } .game-king-wrap .input-row-2-col img{ border-radius: 6px 6px 0 0; } .game-king-wrap .input-row-2-col .custom-radio{ height: 50px; border: 1px solid #e0e0e0; padding: 10px 10px 5px 10px; border-radius: 0 0 6px 6px; margin-top: 0!important; margin-bottom: 0!important; font-size: 12px; } .game-king-wrap .input-row-2-col .custom-radio:hover{ color: #f60; } .game-king-wrap .input-row-2-col .custom-radio .checkmark-radio{ left: 5px!important; top: 8px!important; } .game-king-wrap2{ margin-left: -5px; margin-right: -5px; max-height: 615px; overflow-y: auto; background: #fffaf4; padding: 15px; border-radius: 6px; } .game-king-wrap2 .input-row-2-col{ width: 16.6666%!important; padding-left: 5px; padding-right: 5px; margin-top: 10px; display: block; float: left; } .game-king-wrap2 .input-row-2-col .game-card-list{ border: 1px solid #e0e0e0; border-radius: 6px; background: #fff; } .game-king-wrap2 .input-row-2-col .game-card-list img{ border-radius: 6px; display: block; margin: auto; margin-top: 5px; /*max-height: 60px;*/ } .game-king-wrap2 .input-row-2-col .custom-radio{ height: 60px; padding: 10px 10px 5px 10px; margin-top: 0!important; margin-bottom: 0!important; font-size: 12px; } .game-king-wrap2 .input-row-2-col .custom-radio:hover{ color: #f60; } .game-king-wrap2 .input-row-2-col .custom-radio .checkmark-radio{ left: 5px!important; top: 8px!important; } .game-king-wrap2 .active .game-card-list{ border: 1px solid #fb7600; border-radius: 6px; overflow: hidden; box-shadow: 2px 2px 0 #fb7600; color: #f60; } .program_step{ font-family: 'Gothbold'; } .program_step .text-info{ color: #00C085; } .program_step table tr td .del{ cursor: pointer; color: #9a98a1; } .program_step table tr td .del:hover{ color: #f6432f; } .program_step .btn-danger{ border-radius: 4px; } .new-alert-warning-style{ color: #f60; background-color: #fff3cd; border:1px solid #ffeeba; border-radius: 3px; font-weight: bold; font-family: 'Gothbold'; padding: 6px 10px; } .new-form-wrap{ margin-bottom: 30px; } .new-form-wrap .form-control{ display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; font-size: 14px; height: 43px; } .new-form-wrap .btn-primary{ border-radius: 3px; height: 43px; background: #91d3d2; color: #fff; border-color: #91d3d2; } .table-font-bold{ font-weight: bold; font-family: 'Gothbold'; } .search-show-table-wrap{ margin-top: 15px; } .search-show-table-wrap .table-striped{} .search-show-table-wrap .table-striped>tbody>tr>td{ border-top: 0!important; } .search-show-table-wrap .table-striped>tbody>tr:nth-of-type(odd){ background-color: #f3f5f7; } .search-show-table-wrap .bg-color{ background: #9598a7; color: #fff; } .search-show-table-wrap .bg-color .table{ background: none!important; } .search-show-table>tbody>tr>th{ border: 0; } /* @@@@@@@@@@@库存管理@@@@@@@@@@@ */ /* 库存分类 */ .stock-manage-page{} .stock-manage-page .search-bar{ background: #fff; padding: 15px 30px; border-top: 1px solid #eee; } .stock-manage-page .search-bar .row .col-md-3{ padding-left: 10px!important; padding-right: 10px!important; } .stock-manage-page .search-bar .row .col-md-2{ padding-left: 10px!important; padding-right: 10px!important; } .stock-manage-page .select2-container{ width: 100%!important; } .stock-manage-page .select2-container--default .select2-selection--single{ border-color: #ccc!important; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); } .stock-manage-page .s-search{ border-radius: 4px; width: 82%; } .stock-manage-page .s-icon-btn{ /*padding: 3px;*/ position: absolute; top: 0px; right: 10px; display: block; font-size: 15px; background: #eee; border: 1px solid #ccc; /* border-radius: 0 3px 3px 0; */ border-radius: 3px; padding: 3px 8px; color: #4f5c84; background-image: linear-gradient(to bottom, #fff, #ccc); } .stock-manage-page .add-btn{ background: #d9d5de; border-radius: 4px; } .stock-manage-page .add-btn:hover{ color: #666; } .stock-manage-page .add-active{ background: #5a617d!important; color: #fff!important; } .stock-manage-page .select2-container .select2-selection--single{ height: 30px; } /* table list */ .stock-manage-page .td-list{ margin: 0; padding: 0; } .stock-manage-page .td-list li{ border-bottom: 1px solid #eee; padding-left: 30px; padding-right: 30px; padding-top: 10px; padding-bottom: 10px; } .stock-manage-page .td-list li:hover{ background: #e9e6eb!important; } .stock-manage-page .td-list li:nth-child(odd){ background: #f9f9f9; } .stock-manage-page .td-list li .gl-btn{ background: #f2f3f5; border: 1px solid #d6dbe4; border-radius: 4px; padding: 0px 4px; margin-top: -2px; color: #444b5a; } .stock-manage-page .td-list li .gl-btn:hover{ color: #333; background: #d6dbe4; } .stock-manage-page .td-list li .checkbox{ padding-top: 0!important; padding-bottom: 0!important; margin-top: 0!important; margin-bottom: 0!important; } .stock-manage-page .td-list li .checkbox label input{ margin-top: 2px; } .stock-manage-page .td-list li .row .tdbox{ padding-left: 5px!important; padding-right: 5px!important; } .stock-manage-page .td-list li .row .tdbox textarea{ border-radius: 4px; } .stock-manage-page .btn-group .btn-grey{ background: #f8f8f8; border: 1px solid #e0e0e0; border-radius: 4px; padding-left: 6px; padding-right: 7px; color: #61616a; } .stock-manage-page .td-list li .row .tdbox .game-category{ margin-top: 5px; display: block; color: #818690; } .stock-manage-page .td-list li .row .tdbox .just-phone-padding-left{ padding-left: 0px; } .stock-manage-page .td-list li .row .tdbox .just-phone-padding-left .left-box{ display: none; } .stock-manage-page .td-list li .row .tdbox .just-phone-padding-left .right-box{ width: 100%; float: left; } .stock-manage-page .btn-group .btn-grey:hover{ color: #333; background: #e0e0e0; } .is-phone-show{ display: none; } /* 添加库存模态框 */ .add-stock-modal-wrap{ border-radius: 4px; } .add-stock-modal-wrap .title{ font-size: 14px; font-weight: bold; } .add-stock-modal-wrap .form-control{ border-radius: 4px; } .add-stock-modal-wrap .btn{ border-radius: 4px; } .add-stock-modal-wrap .gl-btn{ background: #d9d5de; } .add-stock-modal-wrap .gl-btn:hover{ color: #666; } .add-stock-modal-wrap .tips-text{ background: #faf9f4; border: 1px solid #f3eee0; color: #d58723; font-size: 12px; padding: 15px; border-radius: 4px; } /* 库存列表页面 */ .stock-list-info-page{} .stock-list-info-page .btn-group{ /*padding: 15px 30px; border-top: 1px solid #eee; width: 100%;*/ float: right; } .stock-list-info-page .btn-group .btn-grey{ background: #f8f8f8; border: 1px solid #e0e0e0; border-radius: 4px; } .stock-list-info-page .btn-group .btn-grey:hover{ background: #e0e0e0; color: #000; } .stock-list-info-page .id-name{ padding-left: 5px; color: #7777af; } .my-dashboard-sidebar .icon-in-stockman{ fill: #a64cb4; font-size: 25px; vertical-align: -0.25em; } /* 库存列表页面样式2 */ .stock-list-info-page .event-box{ padding: 15px 30px 15px 30px; border-top: 1px solid #eee; } .stock-list-info-page .event-box .search-btn{ background: #5a617b; border-radius: 4px; color: #fff; } .stock-list-info-page .event-box input{ border-radius: 4px; } .stock-list-info-page .event-box .checkbox-inline{ margin-top: 2px; margin-right: 5px; line-height: 22px!important; } /* Bootstrap Modal LG */ .modal-lg{ width: 1140px; } .modal-lg .modal-title{ font-size: 16px; } .modal-content{ border-radius: 2px; } /* 库存列表放大缩小窗口按钮 */ .window-zoom-btn{ position: absolute; right: 40px; top: 15px; display: block; } .window-zoom-btn img{ width: 12px; vertical-align: -0.5em; } .modal-lgmax{ width: 95%!important; } .w-z-btn-right-btn{ position: absolute; right: 15px; top: 19px; width: 15px; height: 15px; display: block; line-height: normal; } .is-remark-style{ margin-bottom: 0px; } .remark_text{ resize: none; max-height: 40px!important; width: 100%; padding: 2px; overflow-y: auto; line-height: 16px; font-size: 12px; } /* 库存管理 模态框提示 */ .modal_tips_show{} .modal_tips_show .tips-wrap{ border-radius: 10px; } .modal_tips_show .btn-sm{ border-radius: 6px; } /* 带警告灯图标提示 */ .tips-info-danger { margin-left: 60px; margin-top: 15px; /*margin-bottom: -15px;*/ margin-bottom: 20px; background: #fffefa; color: #ff0d00; border: 1px solid #f5b140; padding: 10px; border-radius: 4px; box-shadow: 0 3px 10px #fff4d6f7; border-bottom: 2px solid #f5b140; } .tips-info-danger .row { display: flex; align-items: center; } .tips-info-danger .row .col-xs-1 { text-align: center; padding-right: 0; } .tips-info-danger .row .col-xs-1 img { width: 100%; margin-top: -10px; } .tips-info-danger .dark-text { color: #292b31!important; } .modal .radio input{ opacity: 1!important; } .subclass-tab-card{ overflow: hidden; margin-top: 0; margin-left: 60px; border: 1px solid #eee; padding: 30px; background: #fafafa; } .subclass-tab-card .active{ background: none!important; border: none!important; } .subclass-tab-card .active a{ background: #eeeff1!important; border-color: #eeeff1!important; border-radius: 3px 3px 0 0; font-weight: 700; } .subclass-tab-card .active a:focus{ color: #414245!important; background: #eeeff1!important; border-color: #eeeff1!important; } .subclass-tab-card .tab-box-in{ overflow: hidden; padding-top: 15px; margin-left: 60px; } .subclass-tab-card .nav-tabs{ margin-left: 0!important; } .subclass-tab-card .tab-box-in{ margin-left: 0!important; } .page-p-d-wrap .subclass-tab-card .active a{ background: #ef8640!important; color: #fff!important; border-color: #ef8640!important; } .page-p-d-wrap .subclass-tab-card .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:hover{ background: #ef8640!important; color: #fff!important; border-color: #ef8640!important; } /* 一键上下架按钮 */ .quick-btn-box{ margin-top: 0; margin-bottom: -20px; } .quick-btn-box .btn-group{ margin-top: 1px; margin-bottom: -20px; border-radius: .25rem; } .quick-btn-box .btn-group .btn:first-child:not(:last-child):not(.dropdown-toggle){ border-top-right-radius: 0; border-bottom-right-radius: 0; } .quick-btn-box .btn-group .btn-default{ background-color: #777982; border-color: #605a5a; } .quick-btn-box .btn-group .btn{ border-radius: .25rem; } .quick-btn-box .btn-group .btn-success{ background: #3bc085; border-color: #3bc085; } .quick-btn-box .btn-group .btn-warning{ background: #ff9418; border-color: #ff9418; } .quick-btn-box .tooltip{ /*white-space:nowrap!important;*/ } .quick-btn-box .tooltip-inner { max-width: initial!important; white-space: nowrap!important; } .showquickModal .btn{ border-radius: .25rem; } .showquickModal .btn-default{ background: #9a98a1; border-color: #9a98a1; } .showquickModal .btn-success{ background: #3bc085; border-color: #3bc085; } /* searchFeedback */ .search-feedback-wrap{ background: #f6f7f9; min-height: 700px; padding-top: 30px; } .search-feedback-wrap .card-info{ background: #fff; border-radius: 8px; box-shadow: 2px 2px 3px rgb(0 0 0 / 2%); padding: 30px; margin-bottom: 30px; } .search-feedback-wrap .form-horizontal .control-label{ text-align: left!important; } .search-feedback-wrap .form-control{ border-radius: .25rem!important; border-color: #e0e0e0!important; box-shadow: none!important; } .search-feedback-wrap .cover-pic img{ display: block; width: 80%; margin: auto; } .search-feedback-wrap .btn-info{ border-radius: 100px; background: #90d3d2!important; border-color: #90d3d2!important; min-width: 100px; } .search-feedback-wrap .upload-pic{ margin-left: -10px; } .search-feedback-wrap .upload-wrap{ overflow: hidden; position: relative; width: 115px; } .search-feedback-wrap .upload-wrap .btn-link{ background: #eee; border-radius: .25rem; color: #9a98a1; } .search-feedback-wrap .upload-wrap .upload-btn{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; } .search-feedback-wrap .showFileName1{ color: #56afae!important; } .search-feedback-wrap .view-btn{ background: #fafafa; color: #414245; font-size: 14px; } #viewModal .table{ font-size: 12px; } #viewModal .btn-default{ border-radius: .25rem; } .feedback-tips-alert{ text-align: center; border-radius: .25rem; color: #31708f; background-color: #d9edf7; border-color: #bce8f1; padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; margin-top: 15px; font-family: 'Gothbold'; } .feedback-tips-alert a{ color: #f60; } .header-nav-bar{ display: none; } /* Faq List new page */ .light-grey-bg-wrapper{ background: #f6f7f9; min-height: 700px; padding-top: 30px; } .light-grey-bg-wrapper .light-round-wrap{ background: #fff; border-radius: 8px; box-shadow: 2px 2px 3px rgb(0 0 0 / 2%); padding: 30px; margin-bottom: 30px; } .light-grey-bg-wrapper .light-round-wrap .info-list{ margin: 20px 0 0 0; padding: 0; } .light-grey-bg-wrapper .light-round-wrap .info-list li{ background: #f9fafb; border-radius: .25rem; padding: 20px 20px; /*border-top: 1px solid #edf0f2;*/ list-style-type: none; margin: 5px 0; } .light-grey-bg-wrapper .light-round-wrap .info-list li:nth-child(even){ background: #fff; } .light-grey-bg-wrapper .light-round-wrap .info-list li .row{ display: flex; align-items: center; } .light-grey-bg-wrapper .light-round-wrap .info-list li .title{ font-size: 16px; font-weight: bold; font-family: 'Gothbold'; color: #364554; } .light-grey-bg-wrapper .light-round-wrap .info-list li .name-title{ font-size: 14px; } .light-grey-bg-wrapper .light-round-wrap .info-list li .title:hover{ color: #de3b26; } .light-grey-bg-wrapper .light-round-wrap .info-list li .title small{ font-family: 'Goth'; font-weight: normal; font-size: 11px; } .light-grey-bg-wrapper .light-round-wrap .info-list li .user{ display: inline-block; margin-right: 5px; border: 1px solid #eff2f4; border-radius: 100px; padding: 10px; float: left; color: #8f9eb1!important; font-size: 16px; } .light-grey-bg-wrapper .light-round-wrap .info-list li small{ color: #8798ac; } .light-grey-bg-wrapper .light-round-wrap .info-list li .label-warning{ background: #fff6ec!important; border: 1px solid #ffe1bf!important; border-radius: .25rem; color: #ffa135!important; } .light-grey-bg-wrapper .light-round-wrap .info-list li .label-success{ background: #e6faf3!important; border: 1px solid #b2eed8!important; border-radius: .25rem; color: #32c891!important; } .light-grey-bg-wrapper .light-round-wrap .info-list li .label-primary{ background: #edf3ff!important; border: 1px solid #c0d5ff!important; border-radius: .25rem; color: #6395f8!important; } .light-grey-bg-wrapper .light-round-wrap .info-list li .attribute-1{ width: 40px; height: 40px; border-radius: 100px; background: #7191fe; background-image: url("../images/arr1.png"); background-size: 40%; background-position: center center; background-repeat: no-repeat; } .light-grey-bg-wrapper .light-round-wrap .info-list li .attribute-2{ width: 40px; height: 40px; border-radius: 100px; background: #fa9348; background-image: url("../images/arr2.png"); background-size: 44%; background-position: center center; background-repeat: no-repeat; } .light-grey-bg-wrapper .light-round-wrap .page-navigation{} .light-grey-bg-wrapper .light-round-wrap .pagination > li{ margin-left: 2px; margin-right: 2px; } .light-grey-bg-wrapper .light-round-wrap .page-navigation .pagination li a{ float: none!important; border-radius: .25rem; } .light-grey-bg-wrapper .light-round-wrap .pagination>li>a, .pagination>li>span{ margin-left: 0; } .light-grey-bg-wrapper .light-round-wrap .pagination .active{ margin-right: 4px; } .light-grey-bg-wrapper .light-round-wrap .pagination .active span{ border: 1px solid #ddd!important; display: inline-block; border-radius: 0.25rem; line-height: normal; padding: 8px 13px; } .light-grey-bg-wrapper .light-round-wrap .pagination .disabled span{ border: 1px solid #ddd!important; display: inline-block; border-radius: 0.25rem; line-height: normal; padding: 8px 12px; } .light-grey-bg-wrapper .btn-light{ border-radius: .25rem; border: 1px solid #8898ac; background: #fff; color: #8898ac; } .light-grey-bg-wrapper .btn-light:hover{ background: #8898ac; color: #fff; } .feedback_ques_wrap{ background: none; } .tickets-list-info-wrap{ line-height: 1.6; } .tickets-list-info-wrap .bold-font{ font-family: 'Gothbold'; } .tickets-list-info-wrap .text-box{ margin: 30px 0; overflow: hidden; } .user-feedback-message{ margin-bottom: 30px; overflow: hidden; } .user-feedback-message .user-bar{ display: flex; align-items: center; } .user-feedback-message .user-bar .imgtu{ width: 40px; height: 40px; border-radius: 50px; padding: 1px; border: 1px solid #e0e0e0; } .user-feedback-message .user-bar .u-pic{ border-radius: 100px; background: #626571; float: left; font-size: 20px; padding: 8px; color: #eee; } .user-feedback-message .user-bar .u-info{ float: left; padding-left: 10px; } .user-feedback-message .user-bar .u-info .u-name{ font-size: 14px; font-family: 'Gothbold'; } .user-feedback-message .user-bar .u-info small{ color: #9a9a9a; } .user-feedback-message .mess-txt{ margin: 15px 0; overflow: hidden; line-height: 1.6; } .user-feedback-message .message-card{ background: #e4f4ff; color: #435974; padding: 15px; border-radius: 4px; } .tickets-list-info-wrap .alert-warning{ padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .tickets-list-info-wrap .alert-warning strong{ font-family: 'Gothbold'; } .tickets-list-info-wrap .reply-u-photo{ width: 45px; height: 45px; overflow: hidden; border-radius: 100px; border: 1px solid #e0e0e0; padding: 1px; } .tickets-list-info-wrap .reply-u-photo img{ width: 100%; } .tickets-list-info-wrap .attach-a-file{ width: 160px; overflow: hidden; position: relative; } .tickets-list-info-wrap .attach-a-file .upload-btn{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; } .tickets-list-info-wrap .btn{ border-radius: .25rem; } .tickets-list-info-wrap .btn-danger{ min-width: 73px; } .tickets-list-info-wrap .btn-default{ background: #999; color: #fff; border: 0; } .tickets-panel{ border-radius: .25rem; } .tickets-panel .b-title{ font-family: 'Gothbold'; font-weight: 700; } .tickets-panel p{ margin: 15px 0; } .tickets-panel .rating-list{ margin: 15px 0; padding: 0; } .tickets-panel .rating-list li{ padding: 5px 0 5px 30px; list-style-type: none; color: red; position: relative; cursor: pointer; } .tickets-panel .rating-list li:hover{ color: #ff6600; } .tickets-panel .rating-list .l1:before{ content: ""; position: absolute; left: 0; top: 6px; width: 13px; height: 13px; background: #33b74f; border-radius: 30px; } .tickets-panel .rating-list .l2:before{ content: ""; position: absolute; left: 0; top: 6px; width: 13px; height: 13px; background: #ffb93a; border-radius: 30px; } .tickets-panel .rating-list .l3:before{ content: ""; position: absolute; left: 0; top: 6px; width: 13px; height: 13px; background: #ff3a3a; border-radius: 30px; } .tickets-panel .rating-list .active{ font-family: 'Gothbold'; } .tickets-panel .rating-list .active:after{ content: ""; width: 16px; height: 16px; position: absolute; top: 6px; right: 0; background: url("../images/righticon.png"); background-repeat: no-repeat; background-size: 100%; } .tickets-panel input{ border-radius: .25rem; } .tickets-panel label{ font-weight: 700; font-family: 'Gothbold'; } .tickets-panel .btn{ border-radius: .25rem; } .page-navigation{ display: flex; justify-content: center; } .page-navigation .pagination li a{ color: #6b6262; } .page-navigation .pagination .active a{ color: #fc0f3f; font-weight: 700; } .page-navigation .pagination .active a:hover{ color: #fc0f3f; font-weight: 700; } .data-is-empty{ width: 100%; min-height: 150px; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #9a9ac1; } .data-is-empty svg{ font-size: 28px; margin-right: 5px; } .support-alert{ position: relative; top: 30px; border-radius: .25rem; } /* 2022-5-6 add feedback css */ .user-feedback-message:nth-child(even){ background: #f7f8f9; padding: 10px; border-radius: 8px; overflow: hidden; } .tab_choose_v_code{ margin-top: 30px; } .tab_choose_v_code .nav-tabs li a{ border-radius: 3px 3px 0 0; } .tab_choose_v_code .nav-tabs .active a{ border-top: 2px solid #000; font-weight: bold!important; font-family: Gothbold; color: #000!important; font-size: 14px!important; } /* Feedback rating */ .feedback-rating-show1{ color: #33b74f; background-color: #e4f6e8; border:1px solid #d3eed9; position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border-radius: 0.25rem; font-weight: bold; font-family: Gothbold; } .feedback-rating-show1 svg{ color: #33b74f; font-size: 20px; vertical-align: -0.25em; margin-right: 5px; } .feedback-rating-show2{ color: #856404; background-color: #fff3cd; border:1px solid #ffeeba; position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border-radius: 0.25rem; font-weight: bold; font-family: Gothbold; } .feedback-rating-show2 svg{ color: #856404; font-size: 20px; vertical-align: -0.25em; margin-right: 5px; } .feedback-rating-show3{ color: #721c24; background-color: #f8d7da; border:1px solid #f5c6cb; position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border-radius: 0.25rem; font-weight: bold; font-family: Gothbold; } .feedback-rating-show3 svg{ color: #721c24; font-size: 20px; vertical-align: -0.25em; margin-right: 5px; } .hs-max-height{ height: 38px; overflow: hidden; padding: 8px 0; } .show_all_hs_btn{ /*height: 40px;*/ width: 1314px; margin: 0 auto; padding-bottom: 10px; text-align: center; font-size: 22px; position: relative; } .show_all_hs_btn svg{ background: #dadde0; padding: 5px; border-radius: 0.25rem; position: absolute; right: 0; top: -25px; cursor: pointer; } .add-cus-bottom-btn{ margin-left: 60px; margin-bottom: 10px; border-radius: 0.25rem; } .merchant-service{} .merchant-service .panel{ border-radius: 8px; overflow: hidden; border-color: #eaeaf1!important; } .merchant-service .panel-heading .panel-title{ font-weight: 700; font-family: 'Gothbold'!important; } .merchant-service .this-title{ display: inline-block; line-height: 35px; } .merchant-service .panel-body svg{ font-size: 20px; vertical-align: -0.25em; } .merchant-service .alert-info{ color: #31708f; background-color: #f4fbff; border-color: #cbebf2; margin-top: 10px; margin-bottom: -5px; border-radius: 8px; } .merchant-service .alert-info svg{ font-size: 14px!important; } /* 创建列表页面装备排版 */ .add-item-list-card{ border: 1px solid #d9d9d9; border-radius: .25rem; box-shadow: 0 2px 0px #f8f8f8; position: relative; margin-bottom: 10px; } .ailc-wrap .add-item-list-card:not(:first-child){ border-left: 2px solid #f6432f; } .add-item-list-card .card-head{ background: #f5f5f5; padding: 5px; font-weight: 700; font-family: Gothbold; } .add-item-list-card .card-body{ padding: 5px; overflow: hidden; } .add-item-list-card .card-body .row{ display: flex; align-items: center; } .add-item-list-card .card-body .img-box{ width: 35px; height: 35px; border-radius: .25rem; overflow: hidden; border: 1px solid #eee; } .add-item-list-card .card-body .img-box img{ width: 100%; } .add-item-list-card .card-foot{ border-top: 1px solid #dadada; padding: 5px 5px; } .add-item-list-card .card-foot .form-control{ height: auto!important; } .add-item-list-card .card-foot .input-sm{ line-height: 1.25!important; width: 100%!important; } .add-item-list-card .card-foot .this-flex{ /*display: flex;*/ /*align-items: center;*/ } .add-item-list-card .card-foot .label-title{ font-family: Gothbold; font-weight: 700; } .add-item-list-card .card-foot .box-w-1{ /*width: 35%;*/ } .add-item-list-card .card-foot .box-w-2{ /*width: 75%;*/ } .add-item-list-card .card-foot .box-w-3{ /*width: 55%;*/ } .add-item-list-card .card-foot .td-in-style{ position: absolute; width: 330px!important; top: 0px; border-radius: 3px; box-shadow: 0 3px 10px #ddd; z-index: 2; padding: 5px; height: 120px!important; } .add-item-list-card .card-foot .narrow{ position: absolute; left: 15px; top: -16px; z-index: 3; background: #000; color: #fff; padding: 0 2px; border-radius: 4px; cursor: pointer; } .add-item-list-card .close-btn{ background: #9291a1; padding: 2px 4px; display: block; position: absolute; top: 0; right: -22px; border-radius: .25rem; color: #fff; } .add-item-list-card .close-btn:hover{ background: #f6432f; } .selectdiv .add-item-list-card:nth-of-type(even){ background-image: linear-gradient(to top, #fff , #eee); } .sync_text_block{ margin-bottom: 15px; } .no-huanh{ white-space: nowrap; } .head-title-tie{ background: #fff0bd; display: inline-block; color: #f5760d; font-size: 14px; padding: 5px 15px; border-radius: 0.25rem 0.25rem 0 0; position: relative; bottom: -5px; background-image: linear-gradient(to bottom, #fff0bd , #fffae8); border-top: 1px solid #fff2e2; border-left: 1px solid #fff2e2; border-right: 1px solid #fff2e2; } .imit-radio-box li .active{ border: 1px solid #ffd0b0; background: #fff9f5; } .show-sub-item-wrapper{ margin-bottom: 10px; padding-left: 5px; padding-right: 5px; overflow: hidden; width: 100%; } .show-label-properties{ overflow: hidden; padding: 0; margin-left: -5px; margin-right: -5px; } .show-label-properties li{ padding: 5px; float: left; } .show-label-properties li a{ display: block; padding: 1px 6px; border: 1px solid #f3eac0; background: #fffae3; color: #954f2c; border-radius: 30px; } .show-label-properties2{ overflow: hidden; padding: 0; /*margin-left: -5px;*/ /*margin-right: -5px;*/ padding: 0 8px; margin-top: -5px; /*margin-bottom: 3px;*/ /*min-height: 50px;*/ height: 22px; overflow: hidden; margin-top: 0; } .show-label-properties2 .label-li{ padding: 0px 5px; float: left; margin-bottom: 2px; } .show-label-properties2 .label-li .l-txt{ display: block; padding: 1px 6px; border: 1px solid #ffefd2; background: #fffcf3; color: #856a50; border-radius: 30px; } .product-detail-show-label-wrap{ margin-top: 7px; } .red-bg-tag{ background: #de2a25!important; color: #fff!important; } .deep-blue-bg-tag{ background: #fcefe3!important; } .pad-left-and-right-none{ padding-left: 0!important; padding-right: 0!important; } .ticket-just-phone-show{ display: none; } .custom_block .xuanxiang .upload-pic-tips .sellxinxi{ padding: 8px 0 8px 55px; } .custom_block .xuanxiang .upload-pic-tips .sellxinxi .glyphicon{ top: 8px; } .custom_block .xuanxiang .upload-pic-tips .sellxinxi .wenben{ margin-bottom: 0; padding: 4px 0; line-height: 16px; } .top-fix-one{ position: fixed!important; width: 100%; left: 0; top: 0; z-index: 99999; } .top-fix-two{ position: fixed; width: 100%; z-index: 9999; top: 40px; /*box-shadow: 0 2px 10px rgb(0 0 0 / 15%);*/ } .top-fix-three{ position: fixed; width: 100%; z-index: 9998; top: 120px; box-shadow: 0 5px 5px rgb(0 0 0 / 10%); } .shadow-add{ box-shadow: 0 2px 10px rgb(0 0 0 / 15%); } .zoom-width-lg{ width: 96%!important; height: 800px; } .modal{ z-index: 11050; } .select2-dropdown{ z-index: 11090!important; } .just-phone-show-foot-logo{ display: inline-block; } .text-overflow-in{ white-space: nowrap; overflow: hidden; text-overflow:ellipsis; } .btn-primary-new{ background: #fff; color: #2780e3; border-radius: 4px; border: 1px solid #2780e3; padding: 5px 10px; } .btn-primary-new:hover{ background: #2780e3; color: #fff; } .btn-primary-new:focus{ background: #2780e3; color: #fff; } .checkbox-positioning{ position: absolute; top: -2px; left: -10px; } .card-show-bar-new-style{ border: 1px solid #e0e0e0; border-radius: 0.25rem; padding: 3px 6px!important; left: 30px!important; bottom: 40px!important; background: #fafafa; } /* 兑换页面产品 */ .enlarge-cover-product-list{ border-radius: 0!important; width: 65px!important; height: 110px!important; overflow: hidden!important; } .enlarge-cover-product-list .pic-in{ display: block!important; text-align: center; vertical-align: middle; width: 100px!important; height: 110px!important; position: relative; left: 50%; margin-left: -50px; } .enlarge-cover-product-list .pic-in img{ position: inherit; width: 100%; height: auto; top: 0; right: 0; } .warning-tips-label{ background: #f2fbfe; border-top: 3px #28b9c9 solid; border-radius: 4px; box-shadow: rgb(0 0 0 / 5%) 0px 0.2px 2.2px, rgb(0 0 0 / 20%) 0px 1px 4px; position: relative; font-size: 12px; line-height: 20px; padding: 10px 10px 10px 40px; background-image: url("../images/warning-tip-icon.png"); background-size: 20px; background-repeat: no-repeat; background-position: 10px 10px; } .warning-tips-label a{ color: #3a3a3a; font-family: Gothbold; } .just-phone-show-product-photo{ display: none; } .product-detail-page-img .img-wrap{ width: 100%; height: 270px; /*border: 1px solid #e9e9ee;*/ padding: 5px; border-radius: 2px; display: flex; justify-content: center; align-items: center; } .product-detail-page-img .img-wrap .img-in{ max-width: 260px; max-height: 260px; } .product-detail-page-img .img-wrap img{ width: 100%; max-height: 260px; margin: 0; border-radius: 10px; } .go-set-danger-btn{ background: #f00; color: #fff; padding: 2px 5px; position: absolute; right: 20px; top: 30px; border-radius: 3px; } .go-set-danger-btn:hover{ color: #fff; } /* Product Detail Page Photo */ .product_detail_page_thumbnail{ margin: 5px -2px; padding: 0; list-style-type: none; overflow: hidden; } .product_detail_page_thumbnail li{ width: 20%; padding: 0 2px; float: left; } .product_detail_page_thumbnail li a{ border: 1px solid #fafafa; border-radius: 2px; overflow: hidden; /*display: table-cell;*/ /*vertical-align: middle;*/ /*text-align: center;*/ width: 100%; height: 50px; padding: 2px; display: flex; justify-content: center; align-items: center; } .product_detail_page_thumbnail li a span{ max-width: 40px; max-height: 40px; } .product_detail_page_thumbnail li a span img{ width: 100%; max-height: 40px; border-radius: 2px; margin: 0; padding: 0; transition: all ease 1s; } .product_detail_page_thumbnail li a img:hover{ opacity:0.6; } .product_detail_page_thumbnail li a:hover{ /*border: 1px solid #f60;*/ } .p-l-line-box-item{ color: #414245; border: 1px solid #e0e0e0; border-radius: 0.25rem; padding: 3px 6px!important; float: right; } .p-l-line-box-item2{ color: #777; line-height: 22px; } .pc-show-txt-in{ display: inline-block; max-width: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: .85; } .register_index .midsection-small .card-small .invitation-code-description{ margin-bottom: 15px; border: 1px solid #ffe8da; background: #fff8f3; border-radius: 3px; padding: 3px 10px; text-align: left; margin-top: -9px; } .register_index .midsection-small .card-small .text-primary{ color: #f60; } .register_index .midsection-small .card-small .form-group{ margin-bottom: 0; } .rateColor{ color: #f30; font-family: 'gothbold'; } .phone-show-my-balan{ display: none; } .buyer-level-new-icon-2020 .imgboxdengji img{ margin-bottom: 5px; } .p-p-i-three-icon .tooltip-inner{ width: 110px; text-align: center; } /* new alert */ .page-in-alert-primary{ border-top: 1px solid #d8d8d8; border-right: 1px solid #bdbdbd; border-bottom: 1px solid #bdbdbd; border-left: 1px solid #d8d8d8; color: #404040; background: #fff; /* fallback for old browsers */ background: -webkit-linear-gradient(to bottom, #fff, #f9f9f9); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to bottom, #fff, #f9f9f9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ border-radius: .2rem; height: 32px; box-shadow: 0 1px 2px rgb(0 0 0 / 12%); position: relative; display: flex; align-items: center; padding-left: 38px; font-weight: 700; font-family: Gothbold; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .page-in-alert-primary .icon{ position: absolute; width: 28px; height: 32px; background: #4d90fd; color: #fff; top: -1px; left: -1px; display: block; border-radius: .15rem 0 0 .2rem; z-index: 3; text-align: center; line-height: 34px; font-size: 14px; overflow: hidden; } .page-in-alert-primary:before{ content: ''; position: absolute; width: 0; height: 0; border-top: 6px solid transparent; border-left: 8px solid #4d90fd; border-bottom: 6px solid transparent; top: 9px; left: 24px; z-index: 2; } .page-in-alert-primary:hover{ -webkit-transform: translateX(-5px); transform: translateX(-5px); color: #4d90fd; } /* Fast delivery */ .fast-delivery-label{ position: absolute; top: 1px; left: 1px; height: 24px; line-height: 22px; padding: 0 10px 0 30px; border-top: 1px solid #f8f8f8; border-right: 1px solid #eee; border-bottom: 1px solid #eee; border-left: 1px solid #f8f8f8; color: #404040; background: #fff; /* fallback for old browsers */ background: -webkit-linear-gradient(to bottom, #fff, #f9f9f9); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to bottom, #fff, #f9f9f9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ border-radius: 0.2rem; z-index: 1; } .fast-delivery-label:before{ content: ''; width: 24px; height: 24px; background: #28b9c9; background-image: url("../images/fast.png"); background-repeat: no-repeat; background-size: 16px 16px; position: absolute; top: -1px; left: -1px; z-index: 3; background-position: 4px 4px; border-radius: .25rem 0 0 .25rem; } .new-label-in-card{ bottom: 55px; left: 12px; } .images-rounded{ border-radius: 10px; } .keywordslist{ overflow: hidden; box-sizing: border-box; padding-left: 30px; padding-right: 30px; } .sell-page-width-33{ width: 33%; } .sell-page-width-77{ width: 66%; } .sell-page-wenben-style{} .sell-page-wenben-style .price_message{ position: relative!important; bottom: inherit!important; display: inline-block; padding-left: 15px; } .sell-page-wenben-style .total_price{ position: relative!important; bottom: inherit!important; display: inline-block; padding-left: 15px; } /* 商品管理新添加css */ .xiangxiliebiao .libox:nth-child(even){ background: #fbfbfd; } .offer-fd{ display: none; } /* New Game List */ .new-game-big-title{ margin-top: 40px; margin-bottom: 20px; } .new-game-list-card{ background-color: white; border-radius: .45rem; border: 1px solid rgba(0,0,0,0.12); box-shadow: 0 4px 8px 0 rgb(4 73 89 / 5%); padding: 30px 30px 15px 30px; overflow: hidden; text-align: left; } .new-game-list-card .game-list{ margin: 0; padding: 0; list-style-type: none; } .new-game-list-card .game-list li{ list-style-type: none; } .new-game-list-card .game-list li a{ display: block; padding: 10px 10px 10px 20px; background-image: url("../images/qhsjt.png"); background-repeat: no-repeat; background-size: 3px 5px; background-position: 10px 15px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .new-game-list-card .game-list li:nth-child(2n) a{ background-color: #fbfbfb; } .new-game-list-card .game-list li a:hover{ opacity: .55; } .card-one{ border-top: 2px solid #83d4e8; position: relative; } .card-one i{ position: absolute; top: 5px; left: 30px; color: #acebfb; font-size: 1.5rem; } .card-two{ border-top: 2px solid #ffb25b; position: relative; } .card-two i{ position: absolute; top: 5px; left: 30px; color: #f4c186; font-size: 1.5rem; } .card-three{ border-top: 2px solid #f4829e; position: relative; } .card-three i{ position: absolute; top: 5px; left: 30px; color: #ffaec2; font-size: 1.5rem; } .card-four{ border-top: 2px solid #83deb4; position: relative; } .card-four i{ position: absolute; top: 5px; left: 30px; color: #87f0c0; font-size: 1.5rem; } .text-exceeds-in .row div{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .newgame-wrapper{ display: block; } /* 验证页面 */ .verify-pages-card{ border-radius: 10px; background-color: white; box-shadow: 0 1px 8px rgb(0 0 0 / 10%); margin: 30px; padding: 20px; overflow: hidden; } .verify-pages-card .verify-list-headline li .link-block{ padding: 0; border-top: 0; border-left: 0; border-right: 0; border-radius: 0; background-image: none; } .verify-pages-card .verify-list-headline li .link-block i{ right: 0; display: none; } .verify-pages-card .form-group-wrapper{ width: 40rem; margin: 0 auto; } .verify-pages-card .form-group-wrapper label{ font-size: 14px; color: #6a6f80; } .verify-pages-card .form-group-wrapper .form-group{ position: relative; } .verify-pages-card .form-group-wrapper .form-control{ border-radius: .35rem; height: 53px; border: 2px solid #f4f5f8; box-shadow: none; font-size: 14px; font-weight: normal; } .verify-pages-card .form-group-wrapper .send-verify-code-btn{ position: absolute; right: 10px; bottom: 9px; border: 0; background-color: #f7f9f9; color: #5ebdbc; font-size: 11px; padding: 8px 15px; border-radius: 50px; width: 200px; } .verify-pages-card .form-group-wrapper .btn-box{ display: flex; justify-content: center; } .verify-pages-card .form-group-wrapper .btn-info{ background-color: #5ebdbc; border-color: #5ebdbc; border-radius: 100px; font-size: 14px; font-weight: 700; display: block; margin: 15px 0; height: 50px; } /* 验证后 */ .user-verified-payment-wrapper{ background-color: #fafafa; /*border-radius: 10px;*/ /*margin: 30px;*/ padding: 30px; overflow: hidden; } .user-verified-payment-wrapper .b-title{ color: #6c757d; font-family: Gothbold; font-weight: 700; margin-bottom: 10px; } .user-verified-payment-wrapper .p-card-list{ margin: 0 -15px; } .user-verified-payment-wrapper .p-card-list li{ list-style-type: none; padding: 15px; width: 25%; float: left; } .user-verified-payment-wrapper .p-card-list li a{ display: block; border-radius: 10px; background-color: white; box-shadow: 0 1px 8px rgb(0 0 0 / 10%); position: relative; overflow: hidden; font-family: Arial, Helvetica, sans-serif; } .user-verified-payment-wrapper .p-card-list li a .img-box{ text-align: center; padding: 30px 15px; min-height: 144px; } .user-verified-payment-wrapper .p-card-list li a .txt-box{ background-color: #f4f4f4; color: #6c757d; padding: 10px 10px; font-size: 14px; } .user-verified-payment-wrapper .p-card-list li a .label-tag{ border-radius: 30px; border: 1px solid #e0e0e0; color: #212529; padding: 3px 7px; font-size: 12px; font-weight: 700; text-align: center; display: block; position: absolute; top: 10px; left: 10px; z-index: 2; } .user-verified-payment-wrapper .p-card-list li a i{ position: absolute; right: 10px; bottom: 11px; z-index: 2; color: #a7a9b1; font-size: 16px; } .user-verified-payment-wrapper .p-card-list li a .name-txt{ display: block; position: absolute; width: 100%; height: 40px; text-align: center; left: 0; bottom: 40px; z-index: 2; padding: 0 10px; } /* 添加付款账户 */ .add-payment-account-wrap{ padding: 30px; } .add-payment-account-wrap .form-group label{ font-size: 14px; } .add-payment-account-wrap .form-control{ border-radius: .35rem; border: 1px solid #ebecf1; box-shadow: none; height: 48px; font-weight: normal; } .add-payment-account-wrap .btn{ border-radius: 50px; padding: 12px 30px; font-size: 14px; font-weight: 700; } .add-payment-account-wrap .btn-default{ background-color: #cacece; border-color: #cacece; } .add-payment-account-wrap .btn-info{ background-color: #5ebdbc; border-color: #5ebdbc; float: right; } .add-payment-account-wrap .alert-warning{ background-color: #fffdf8; border: 1px solid #fffae7; border-radius: 10px; color: #212529; font-size: 14px; line-height: 1.8; font-family: Arial, Helvetica, sans-serif; font-weight: normal; box-shadow: 0 0 3px #fff6d3; } .add-payment-account-wrap .alert-warning p{ background: none!important; } .add-payment-account-wrap .alert-warning span{ background: none!important; } .add-payment-account-wrap h1,h2,h3,h4,h5,h6{ background: none!important; font-weight: 700; margin: 10px 0; } /* 编辑付款账户 */ .edit-payment-account-wrap{ font-family: Arial, Helvetica, sans-serif; } .edit-payment-account-wrap .sticky-wrap{ position: sticky; top: 150px; } .edit-payment-account-wrap .panel-default{ border-radius: 10px; border: 2px solid #e3e3e9; } .edit-payment-account-wrap .panel-body{ padding: 15px 30px 0 30px; position: relative; } .edit-payment-account-wrap .panel-body .edit-btn-wrap{ position: absolute; top: 30px; right: 30px; display: flex; margin: 0 -5px; } .edit-payment-account-wrap .panel-body .edit-btn-wrap .choose_libox{ padding: 0 5px; } .edit-payment-account-wrap .panel-body .edit-btn-wrap .btn{ float: none; font-size: 12px; font-weight: normal; min-width: auto; line-height: normal; height: 25px; padding: 0 15px; } .edit-payment-account-wrap .p-a-title{ color: #7b7b83; font-weight: 700; font-size: 14px; margin-top: 10px; } .edit-payment-account-wrap .p-a-account{ color: #212529; font-size: 20px; font-weight: 700; margin-bottom: 20px; } .lock-card-wrapper{ display: flex; width: 100%; /*height: 100vh;*/ min-height: 30rem; justify-content: center; align-items: center; font-family: Arial, Helvetica, sans-serif; } .lock-card-wrapper .lock-card{ background-color: white; border-radius: 1rem; box-shadow: 2px 4px 12px rgb(0 0 0 / 8%); transition: all .3s cubic-bezier(0,0,.5,1); padding: 30px; width: 40rem; position: relative; } .lock-card-wrapper .lock-card i{ position: absolute; top: 7px; left: 10px; color: #eee; font-size: 2rem; z-index: 2; } .lock-card-wrapper .lock-card h3{ font-weight: bold; margin-bottom: .75rem; } .lock-card-wrapper .lock-card p a{ color: #4d90fd; font-size: .875rem; font-weight: 700; background: linear-gradient(transparent 60%,#fedee7 0); color: var(--color-dark-black); padding: 0 var(--space-2) var(--space-2); } .lock-card-wrapper .lock-card .enter_payment_password{ border-radius: .75rem; background-color: #f4f5f7; border: 0; margin: 1rem 0; } /* Button */ .css-button-rounded--green { min-width: 130px; height: 40px; color: #fff; padding: 5px 10px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; border-radius: 5px; border: 2px solid #57cc99; background: #57cc99; } .css-button-rounded--green:hover { background: #fff; color: #57cc99 } .samll-click-mask{ position: relative; } .samll-click-mask::before{ content: ''; background-color: rgba(255, 255, 255, 0); display: flex; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } .video-wrap{ display: block!important; padding-left: 0!important; padding-right: 0!important; position: relative!important; width: 100%!important; height: 0!important; padding-bottom: 56.25%!important; } .video-wrap .img-in{ max-width: 100%!important; max-height: 100%!important; } .video-wrap .img-in img{ height: 180px!important; width: auto!important; display: block!important; margin: auto!important; max-height: inherit; } .video-wrap .img-in iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .old-account-info{ background-color: #f6f6f6; padding: 20px 30px; color: #999; border-radius: 0.65rem; margin-bottom: 10px; } .old-account-info .dl-horizontal{ margin-bottom: 0; } .g_card_list_wrap{ display: flex; flex-wrap: wrap; } .drop-btn-last-wrap .drop-btn{ border: 0; background-color: #d6d9de; color: #fff; padding: 5px; border-radius: 0.35rem; } .drop-btn-last-wrap .active{ background-color: #84d9ee; } .product-list-order-number{ color: #a39fb3; display: block; padding-top: 5px; font-weight: 700; font-size: 1rem; font-family: Arial, Helvetica, sans-serif; } .product-list-order-number .form-control{ border-radius: .25rem; text-align: center; } .select-all-check{ display: flex; align-items: center; } .select-all-check .text{ padding-left: 5px; } .sort-left-box{ display: flex; } .sort-left-box .btn-sort-btn{ margin-left: 10px; background-color: #80c5d4; color: #fff; border-color: #80c5d4; padding: 3px 10px; font-size: .75rem; line-height: normal; } .sort-left-box .btn-sort-btn .icon-mark-for-usermemu{ fill: #fffab8!important; } .term-of-validity-text{ position: absolute; top: 75px; right: 15px; } .term-of-validity-text .pointer{ z-index: 1; } .term-of-validity-text .alltankuang{ top: 0; left: auto; right: 0; } .term-of-validity-text .z-index-order{ z-index: initial!important; } .special-long-words{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .special-long-words .sale-price{ font-size: 13px!important; letter-spacing: -.49px; } .label-wrap .show_server{ font-family: 'gothbold'; font-size: 13px; font-weight: 700; } .product-details-page-description-title{ border-bottom: 1px solid #eee; display: flex; margin: 15px 0 0 0; } .product-details-page-description-title .title{ position: relative; font-size: 1rem; margin: 0; padding-bottom: 10px; } .product-details-page-description-title .title::before{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #40b9c9; z-index: 2; } .many-options{ flex-wrap: wrap; } .many-options .yxzdf{ display: flex; width: 200px; flex-wrap: wrap; align-items: center; } .many-options .yxzdf .text{ width: 45%; } .many-options .yxzdf select{ width: 55%; border-radius: .25rem; } .many-options .searchbox{ margin-top: 5px; } .pay-index-page-cz-wrap a{ display: flex; align-items: center; } .pay-index-page-cz-wrap .wenhao{ position: relative; right: 5px; top: -12px; } .pay-index-cz-btn{ border: 1px solid #a6b2c5; padding: 0 5px; border-radius: 0.25rem; background: #fff; } .pay-index-cz-btn:hover{ background-color: #a6b2c5; color: #fff; } .fg-line th{ border-right: 1px solid #eaedf2; } .fg-line th:last-child{ border-right: 0; } .fg-line-2 td{ border-right: 1px solid #eaedf2; } .fg-line-2 td:last-child{ border-right: 0; } /* Coupon */ .coupon-card-list-wrap{ margin: 0 -10px; padding: 0; overflow: hidden; } .coupon-card-list-wrap li{ padding: 10px; list-style-type: none; width: 33.3333333333333%; float: left; } .coupon-card-list-wrap li .item-card{ border: 1px solid #e0e0e0; border-radius: .25rem; display: flex; flex-wrap: wrap; padding: 15px; position: relative; height: 66px; } .coupon-card-list-wrap li .item-card .game-name{ width: 70%; padding-right: 5px; display: flex; align-items: center; } .coupon-card-list-wrap li .item-card .game-num{ border-left: 1px dashed #ccc; width: 30%; padding-left: 5px; display: flex; flex-wrap: wrap; justify-content: center; text-align: center; } .coupon-card-list-wrap li .item-card .num{ color: #31bcb4; margin-left: auto; width: 100%; font-size: 1.15rem; } .coupon-card-list-wrap li .item-card .txt{ width: 100%; color: #999; line-height: 1; transform: scale(0.8); } /* Label Tag */ .label-tags-item{ display: inline-block; height: 19px; line-height: 19px; position: relative; margin: 0 16px 8px 0; padding: 0 10px 0 12px; background: #f58220; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2); box-shadow: 0 1px 2px rgba(0,0,0,0.2); color: #fff; font-size: 12px; font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif; text-decoration: none; text-shadow: 0 1px 2px rgba(0,0,0,0.2); transform: scale(0.8); } .label-tags-item::before { content: ""; position: absolute; top:0; left: -9px; width: 0; height: 0; border-color: transparent #f58220 transparent transparent; border-style: solid; border-width: 10px 10px 10px 0; } .label-tags-item::after { content: ""; position: absolute; top: 8px; left: 1px; float: left; width: 5px; height: 5px; -webkit-border-radius: 50%; border-radius: 50%; background: #fff; -webkit-box-shadow: -1px -1px 2px rgba(0,0,0,0.4); box-shadow: -1px -1px 2px rgba(0,0,0,0.4); } .coupon-card-list-wrap li .item-card .label-tags-item{ position: absolute; top: 1px; left: 2px; } .purchased-items{ background: #fffcfa; border: 1px solid #ffe3d1!important; } /* 登陆后我的订单页面 */ .order-pages-option-bar{ display: flex; flex-wrap: wrap; align-items: center; margin: 0 -5px; padding: 20px; } .order-pages-option-bar .col-li{ display: flex; align-items: center; padding: 5px; width: 25%; } .order-pages-option-bar .col-li .label-txt{ padding-left: 3px; padding-right: 3px; flex-shrink: 0; font-weight: 700; font-family: Gothbold; } .order-pages-option-bar .col-li .form-control{ border-radius: .25rem; } .order-pages-option-bar .col-li .btn-default{ background-color: white; border: 1px solid #e0e0e0; border-radius: .25rem; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); color: #222; } .order-pages-option-bar .col-li .btn-default:focus, .order-pages-option-bar .col-li .btn-default:hover{ color: #222; background-color: white; border-color: #e0e0e0; } .insurance-label{ border: 1px solid #ccc; background-image: linear-gradient(#fff, #e0e0e0); border-radius: .25rem; color: #222; font-size: 12px; padding: 0 5px 0 20px; position: absolute; top: 5px; right: 5px; } .insurance-label::before{ content: ''; width: 12px; height: 12px; background-image: url("../images/baox.png"); background-repeat: no-repeat; background-size: 12px 12px; position: absolute; top: 3px; left: 5px; } .insurance-label-txt{ width: 20px; height: 20px; text-align: center; line-height: 20px; display: inline-block; background-image: url("../images/baox2.png"); background-repeat: no-repeat; background-size: 20px 20px; font-size: 11px; font-style: normal; /*letter-spacing: -1px;*/ color: #fff; } .chat-warning-title{ color: #FF7518!important; font-family: 'Gothbold'; position: relative; } .chat-warning-title::before{ content: '!'; width: 12px; height: 12px; border-radius: 12px; background-color: #FF7518; color: #fff; text-align: center; line-height: 14px; font-weight: bold; position: absolute; top: 0; right: -15px; } .chat-warning-tips{ padding: 5px 10px; border-radius: 0 0 0.25rem 0.25rem; } .sold-order-remarks{ margin-right: 10px; } .sold-order-remarks .dropdown-menu{ padding: 15px; border-radius: 0.25rem; min-width: 300px; } .sold-order-remarks .remarks-btn{ background: none; border: 0; padding: 0; } .sold-order-remarks .remarks-btn img{ width: 20px; } .sold-order-remarks .btn{ border-radius: .25rem; } .withdraw-card-list .libox_top{ display: flex; height: auto!important; } .withdraw-card-list .libox_top .choose_imgbox{ margin-left: auto; display: flex; align-items: center; height: 40px; overflow: hidden; } .withdraw-card-list .libox_top .choose_imgbox img{ max-width: 90px; height: auto; } .withdraw-card-list .libox-text{ font-size: 14px; text-align: center; margin-bottom: 30px; word-break: break-all; padding-left: 10px; padding-right: 10px; } .coment-tips-text-alert{ background-color: #fff9ec; border: 1px solid #ffe5d3; border-radius: 0.25rem; padding: 5px 10px; color: #d55500; margin-bottom: 20px; } .seller-order-loop-list-card{ position: relative; overflow: hidden; margin-top: 10px; border: 1px solid #dbe1e7; background: #fff; } .drop-btn-last-wrap{ position: relative; right: 20px; } .acc-prohibition .sellxinxi{ max-width: 100%!important; background: #ffe2e2; border: 1px solid #ffe2e2; border-radius: 0; margin-top: 0!important; color: red; margin-bottom: 0; text-align: center; padding: 5px 10px; } .acc-prohibition .sellxinxi .glyphicon{ position: relative; left: auto; top: auto; font-size: 16px; } .acc-prohibition .sellxinxi .wenben{ margin: 0; font-size: 12px; display: flex; align-items: center; justify-content: center; } .acc-prohibition .sellxinxi .wenben a{ font-weight: 700; font-family: Gothbold; border-bottom: 2px solid #4980cb; color: #4980cb; } .release-prompt{ background-color: #fff; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; border-radius: 2px; margin-bottom: 30px; padding: 30px; min-height: 350px; } .acc-prohibition-bar1{ background-color: #ed5725; /*border-radius: 3px;*/ /*border-top: 2px solid #ed5725;*/ padding: 10px; display: flex; justify-content: center; align-items: center; color: #fff; /*box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;*/ /*box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;*/ /*box-shadow: 0 20px 20px -17px rgba(237,87,37,0.25);*/ /*box-shadow: rgba(255, 100, 69, 0.4) 0px 0px 0px 2px, rgba(255, 100, 69, 0.65) 0px 4px 6px -1px, rgba(255, 100, 69, 0.08) 0px 1px 0px inset;*/ margin-bottom: 0; position: relative; top: -10px; margin-bottom: -90px; z-index: 999999; } .acc-prohibition-bar1::before{ content:''; width: 0; height: 0; border: 5px solid transparent; border-right-color: #b03811; border-bottom-color: #b03811; position: absolute; top: 0; left: -9px; z-index: 2; } .acc-prohibition-bar1::after{ content:''; width: 0; height: 0; border: 5px solid transparent; border-left-color: #b03811; border-bottom-color: #b03811; position: absolute; top: 0; right: -9px; z-index: 2; } .acc-prohibition-bar1 .glyphicon{ color: #fff; font-size: 20px; margin-right: 5px; } .acc-prohibition-bar1 .go-link{ background-color: #fff; color: #ed5725; padding: 2px 6px; text-decoration: none; /*margin-left: auto;*/ border-radius: 3px; margin-left: 5px; } .home-user-evaluate .s1{ } .home-user-evaluate .s2{ white-space: inherit; } .home-user-evaluate .s3{ } .sell-product-list .product-footer .label-danger{ } .step-line-txt-block{ display: block; /*width: 60%;*/ background: #f7f7fa; } .product_detail_sel{ border-radius: .25rem; box-shadow: inset 2px 2px 3px 0 rgba(124, 124, 143, 0.1); } /* Nre Product Detail Layout */ .product-detail-pic-wrap{ display: flex; justify-content: center; align-items: center; width: 100%; height: 36rem; border: 1px solid #e0e0e0; background-color: #fff; border-radius: .45rem; padding: 1px; } .product-detail-pic-wrap img{ width: 100%; border-radius: .25rem; max-height: 33rem; } .p-detail-card-product-title{ font-size: 26px; line-height: 1.5; word-break:break-all; max-width: 93%; } .p-detail-card-product-attribute{ margin: 0 -15px; padding: 0; list-style-type: none; overflow: hidden; } .p-detail-card-product-attribute .p-li{ width: 50%; float: left; padding: 10px 15px; display: flex; flex-wrap: wrap; } .p-detail-card-product-attribute .p-li .icon-box{ width: 15%; height: auto; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; border-radius: 6px; font-size: 22px; } .p-detail-card-product-attribute .p-li .txt-box{ width: 85%; display: flex; flex-wrap: wrap; align-items: center; padding-left: 10px; } .p-detail-card-product-attribute .p-li .txt-box span{ display: block; width: 100%; } .p-detail-card-product-attribute .p-li .txt-box span:first-child{ color: #7c8389; } .p-detail-card-product-attribute .p-li .txt-box span:last-child{ font-size: 14px; } .description-summary{ border-top: 1px solid #e0e0e0; margin-top: 15px; padding-top: 15px; } .description-summary .ds-title{ font-size: 16px; } .description-summary p{ margin-bottom: 15px; } .description-summary .more-btn{ color: #40b9ca; border: 0; background: none; padding: 0; font-weight: 700; font-family: Gothbold; } .product-detail-page-user-card{ border: 1px solid #e0e0e0; border-radius: .45rem; background: #fff; margin-bottom: 10px; padding: 15px; /*overflow: hidden;*/ } .product-detail-page-user-card .card-head{ display: flex; flex-wrap: wrap; align-items: center; position: relative; } .product-detail-page-user-card .card-head .user-icon{ width: 50px; height: 50px; border-radius: 50px; /*overflow: hidden;*/ } .product-detail-page-user-card .card-head .user-icon img{ width: 100%; height: 50px; border-radius: 50px; } .product-detail-page-user-card .card-head .user-info{ min-width: 200px; display: flex; flex-wrap: wrap; align-items: center; padding-left: 10px; position: relative; align-content: flex-start; } .product-detail-page-user-card .card-head .user-info .user-offline-dot, .product-detail-page-user-card .card-head .user-icon .user-online-dot{ right: 2px!important; } .product-detail-page-user-card .card-head .user-info .wb{ width: 100%; } .product-detail-page-user-card .card-head .user-info .icon-in{ width: 100%; display: flex; flex-wrap: wrap; height: 18px; } .product-detail-page-user-card .card-head .user-info .icon-in .imgboxdengji{ width: 18px; height: 18px; } .product-detail-page-user-card .card-head .user-info .chat-icon{ position: relative; top: 5px; } .product-detail-page-user-card .card-head .user-info .gd-chat-icon{ font-size: 18px; margin: 0; } .product-detail-page-user-card .card-head .quotation{ position: absolute; right: 0; bottom: 20px; border: 1px solid #ccc; border-radius: 50px; padding:3px 6px 2px 6px; display: block; } .product-detail-page-user-card .card-foot{ display: flex; flex-wrap: wrap; list-style-type: none; margin-top: 10px; margin-left: -10px; margin-right: -10px; } .product-detail-page-user-card .card-foot li{ padding-left: 10px; padding-right: 10px; border-right: 1px solid #e0e0e0; height: 16px; } .product-detail-page-user-card .card-foot li:nth-child(3){ margin-left: auto; border-right: 0; } .product-description-max-wrap{ margin-bottom: 0px; } .product-description-max-wrap .title-line{ border-bottom: 1px solid #e0e0e0; padding: 8px 0; } .product-description-max-wrap .title-line span{ position: relative; font-size: 24px; padding: 10px 0; font-family: Gothbold; font-weight: 700; } .product-description-max-wrap .title-line span::before{ content: ''; width: 100%; height: 2px; background: #41b9c9; position: absolute; bottom: -1px; left: 0; z-index: 2; } .product-description-max-wrap .p-content{ width: 900px; margin: 0 auto; display: flex; flex-wrap: wrap; padding: 40px 0 0 0; } .product-description-max-wrap .p-content .warning-tips-label{ width: 100%; margin-bottom: 15px; font-size: 16px; color: #23637b; } .product-description-max-wrap .p-content p{ font-size: 16px; margin-bottom: 20px; word-wrap: break-word; word-break: break-all; } .product-description-max-wrap .p-content img{ max-width: 100%; display: block; margin: 0 auto; } .product-options-wrap{ padding: 0 30px 15px 30px; display: flex; flex-wrap: wrap; } .product-options-wrap .text{ width: 20%; padding-top: 7px; } .product-options-wrap .options-wrap{ width: 80%; display: flex; flex-wrap: wrap; } .product-options-wrap .options-wrap .opt-item{ margin: 2px; border: 1px solid #fff; background: #eee; color: #7e818d; border-radius: .35rem; padding: 5px 8px; } .product-options-wrap .options-wrap .opt-item:hover{ background: #fafafa; color: #414245; } .product-options-wrap .options-wrap .active{ border: 1px solid #f60; background: #fff; color: #414245; } .paypass-operation{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .paypass-operation .tips-text{ color: #414245; width: 100%; margin-bottom: 15px; text-align: center; } .paypass-operation .tips-text .acc-text{ color: #222; font-weight: 700; font-family: Gothbold; } .paypass-operation .btn{ margin: 5px; min-width: 160px; border-radius: .35rem; font-size: 16px; } .paypass-operation .btn-default{ background: #fff; border: 1px solid #ddd; color: #222; } .paypass-operation .btn-primary{ background: #6bb2b1; border: 1px solid #6bb2b1; } .login-page-alert-text{ background: #ffede0; padding: 7px; color: #bc1515; border-radius: 0.35rem; border: 1px solid #ffb6a3; margin-bottom: 10px; } .login-page-alert-text a{ font-family: Gothbold; font-weight: 700; border-bottom: 1px solid #bc1515; } .login-page-alert-text a:hover{ color: #f60; border-bottom: 0; } .new-card-tumb{ margin-top: 4px; } .new-card-tumb li a{ background: #fff; border-radius: .25rem; border: 1px solid #e0e0e0!important; } .product_detail_page_thumbnail2 li{ width: 20%; padding: 0 2px; float: left; } .product_detail_page_thumbnail2 li a{ border: 1px solid #fafafa; border-radius: 2px; overflow: hidden; /*display: table-cell;*/ /*vertical-align: middle;*/ /*text-align: center;*/ width: 100%; height: 50px; padding: 2px; display: flex; justify-content: center; align-items: center; } .product_detail_page_thumbnail2 li a span{ max-width: 40px; max-height: 40px; } .product_detail_page_thumbnail2 li a span img{ width: 100%; max-height: 40px; border-radius: 2px; margin: 0; padding: 0; transition: all ease 1s; } .product_detail_page_thumbnail2 li a img:hover{ opacity:0.6; } .product_detail_page_thumbnail2 li a:hover{ /*border: 1px solid #f60;*/ } .pages-breadcrumbs{ background: #f0f2f2; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #eee; } .pages-breadcrumbs .breadcrumb{ background: none; margin-bottom: 0; padding: 8px 0; } .pages-breadcrumbs .breadcrumb a{ color: #7a7a7a; } .product-lattice-list-wrap{ display: flex; flex-wrap: wrap; } .product-lattice-list-wrap .time_time{ width: 50%; } .product-lattice-list-wrap .time_time .text-light-gray{ padding-right: 5px; } .top-right-icon-wrap { position: absolute; left: 10px; bottom: 50px; display: flex; flex-wrap: wrap; height: 20px; } .top-right-icon-wrap .certified-icon-wrap{ height: 15px; font-size: 15px; position: relative; } .top-right-icon-wrap .product-info-page-insure{ margin: 0; padding: 0; transform: scale(0.8); position: relative; } .top-right-icon-wrap .tooltip{ min-width: 90px; border-radius: 2px; text-align: center; } .top-right-icon-wrap .security-deposit-icon img{ margin: 0; width: 14px; position: relative; top: 3px; } .product-page-option-bar-wrapper{ display: flex; flex-wrap: wrap; align-items: center; margin: 0 -5px; position: relative; } .product-page-option-bar-wrapper .item-col{ padding: 5px; display: flex; align-items: center; flex: 1 0 auto; } .product-page-option-bar-wrapper .title-item{} .product-page-option-bar-wrapper .title-item .big-title{ font-size: 1.5rem; font-weight: 700; font-family: Gothbold; } .product-page-option-bar-wrapper .online-item{} .product-page-option-bar-wrapper .online-item .pull-left, .product-page-option-bar-wrapper .online-item .switch{ padding-top: 0!important; padding-bottom: 0!important; margin-top: 0!important; margin-bottom: 0!important; } .product-page-option-bar-wrapper .search-item{} .product-page-option-bar-wrapper .search-item .btn-default{ max-width: 230px; } .product-page-option-bar-wrapper .search-item .btn-default:hover{ color: #222; } .product-page-option-bar-wrapper .price-item{ width: 10%; } .product-page-option-bar-wrapper .high-price-low-item{ justify-content: end; } .product-page-option-bar-wrapper .item-col .min-sel{ padding: 0 5px; border-radius: 0.25rem; height: 31px; border: 1px solid #ccc; } .order-snapshot-wrap{ display: flex; flex-wrap: wrap; align-items: center; } .order-snapshot-wrap .product-text{ width: 80%; word-break: break-all; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .order-snapshot-wrap .os-btn{ width: 20%; } .os-btn-link{ border: 1px solid #375792; color: #375792; padding: 5px 8px; border-radius: .25rem; float: right; } .new-button-box-auto{ display: flex; flex-wrap: wrap; margin-left: -1%; margin-right: -1%; } .new-button-box-auto .btn{ width: 48%; margin-top: 0!important; margin-left: 1%; margin-right: 1%; font-size: 1.5rem; font-family: Gothbold; font-weight: 700; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .wb_text_in{ margin-top: 10px; white-space: pre-line; } .sell_tips_fold_wrap .wenben{ white-space: pre-line; word-break: break-all; } .sell_tips_fold_wrap .wenben p{ text-wrap: inherit!important; } .sell_tips_fold_wrap .wenben p span{ text-wrap: inherit!important; } .show-all-two a{ cursor: pointer; color: #40b9ca; margin-top: 5px; position: relative; padding-right: 10px; } .show-all-two .down_arrow::before{ content: ''; width: 0; height: 0; border: 4px solid transparent; border-top: 4px solid #40b9c9; position: absolute; top: 5px; right: 0; } .show-all-two .up_arrow::before{ content: ''; width: 0; height: 0; border: 4px solid transparent; border-bottom: 4px solid #40b9c9; position: absolute; top: 2px; right: 0; } .show-all-two svg{ color: #40b9ca; } .no_insur .text-danger{ color: #a7abac!important; } .product-page-option-bar-wrapper .min-sel-wrap{ position: relative; padding: 0; } .product-page-option-bar-wrapper .min-sel-wrap .min_input{ border-radius: .25rem; padding: 0 5px; width: 100%; height: 31px; } .product-page-option-bar-wrapper .xiala-wrap{ position: absolute; width: 100%; background: #fff; border: 1px solid #e0e0e0; border-radius: .25rem; top: 31px; left: 0; z-index: 99999; } .product-page-option-bar-wrapper .xiala-wrap .xl-list{ margin: 0; padding: 0; list-style-type: none; } .product-page-option-bar-wrapper .xiala-wrap .xl-list li{} .product-page-option-bar-wrapper .xiala-wrap .xl-list li a{ display: block; padding: 5px 10px; cursor: pointer; } .product-page-option-bar-wrapper .xiala-wrap .xl-list li a:hover{ background: #2b669a; color: white; } .scroll_set{ overflow-y: scroll; white-space:nowrap; } .view_more_product_btn{ font-family: Gothbold!important; } .state-btn-wrap{ display: flex; align-items: center; margin: 0 -5px; } .state-btn-wrap .s-t-item{ padding: 0 5px; } .home_header_bottom .header_bottom_box .classification .menu .menu2{ position: relative; } .category-menu-sub{ width: 260px; height: auto; background: #fff; position: absolute; top: 0; left: 255px; border-left: 1px solid #eee; /*padding: 15px 20px;*/ border-radius:0 5px 5px 0; box-shadow: rgba(0, 0, 0, 0.015) 1.95px 1.95px 2.6px; z-index: 999999; } .m-style{ margin-bottom: 0!important; } .listDetailsWrap{ display: flex; flex-wrap: wrap; border-top: 1px solid #ededf2; margin-top: 25px; padding-top: 5px; } .listDetailsWrap .title{ width: 100%; margin-bottom: 0px; border-bottom: 1px solid #ededf2; font-size: 1rem; } .listDetailsWrap .title span{ display: inline-block; position: relative; padding-bottom: 10px; } .listDetailsWrap .title span::before{ content: ''; width: 100%; height: 2px; background-color: #de2a25; position: absolute; left: 0; bottom: 0; z-index: 2; } .listDetailsWrap .listInfo{ margin: 0; padding: 0; list-style-type: none; width: 100%; display: flex; flex-wrap: wrap; } .listDetailsWrap .listInfo .listItem{ width: 50%; float: left; padding: 10px 0; border-bottom: 1px solid #eee; display: flex; flex-wrap: wrap; align-items: center; word-wrap: break-word; word-break: normal; min-height: 39px; line-height: 1; } .listDetailsWrap .listInfo .listItem span:nth-child(1){ display: block; color: #999; width: 40%; } .listDetailsWrap .listInfo .listItem span:nth-child(2){ display: block; width: 60%; text-align: left; padding-right: 10px; } .listDetailsWrap .listInfo .listItem:nth-last-child(-n+2){ border-bottom: 0; } .proinfo-block .checkboxclass{ width: 45%; margin-left: 5px; padding-left: inherit!important; } .proinfo-block .form-control{ height: 30px!important; margin-bottom: 10px; } .proinfo-block .col-md-4{ min-height: 40px; } #showProInfo .modal-body{ display: flex; flex-wrap: wrap; } #showProInfo .modal-body .col-md-4{ min-height: 40px; } #showProInfo .modal-body .col-md-4 button{ border-radius: .25rem; padding: 5px; } #showProInfo .modal-body .input-sm{ border-radius: .25rem; } #showProInfo .checkboxclass{ width: 100%; margin-left: 5px; } #showProInfo .checkboxclass input{} .importantNote{ position: absolute; left: 0; bottom: 5px; color: #ff1200; width: 50%; padding: 2px 5px; background: #fff2f2; border: 1px solid #ffcfcf; border-radius: 4px; font-size: 11px; line-height: 1; } .favoriteButton{ width: 30px; height: 30px; border: 0; background-color: transparent; background-image: url("../images/sciconbg.png"); background-repeat: no-repeat; background-size: 100% 100%; box-shadow: none; font-size: 24px; position: absolute; z-index: 999; top: 0px; right: 20px; transition: transform 0.5s ease; } .favoriteButton:hover{ background-image: url("../images/sciconbg2.png"); opacity: .7; transform: scale(1.1); } .likeActive{ background-image: url("../images/sciconbg2.png"); } .favoriteButton span{ display: inline-block; width: 20px; height: 20px; position: absolute; top: 5.5px; left: 4px; font-size: 18px; } .favoriteButton .removeLike{ z-index: 2; } .favoriteButton .addLike{ z-index: 1; display: none; } .likeActive .addLike{ display: inline-block; color: red; } .likeActive .removeLike{ display: none; } .delete_like{ position: absolute; top: 3px; right: 3px; background: #faefdd; padding: 4px; border-radius: 30px; color: #e2380e; cursor: pointer; } .delete_like:hover{ background: #fff8ec; color: #ec5e3b; } .phone-order-1{ position: relative; } .product-center-info{ position: relative; } .product-center-info .favoriteButton{ top: 0; right: 0; } .shippingForm{ display: flex; flex-wrap: wrap; padding: 30px; background: #fff; } .shippingForm .list{ margin: 0; padding: 0; width: 50%; } .shippingForm .list .item{ padding: 10px 15px; display: flex; flex-wrap: wrap; align-items: center; } .shippingForm .list .item:nth-child(even){ background: #f8f8f8; } .shippingForm .list .item .text{ font-size: 14px; color: #414245; } .shippingForm .list .item .text strong{ padding-left: 5px; font-weight: 700; font-family: Gothbold; color: #414245; } .shippingForm .list .item .rightBox{ margin-left: auto; } .shippingForm .list .item button{ background: #4d5587; border: 0; color: #fff; padding: 4px 10px; border-radius: 4px; margin-left: 10px; } .shippingForm .list .item .getBtn{ background-color: #ff893a; } .urlInput{ padding: 6px 8px; border: 1px solid #e0e0e0; min-width: 400px; border-radius: .35rem; } .shippingForm .shippingButtonList{ display: flex; justify-content: center; } .shippingForm .shippingButtonList .shopbtn{ min-width: 150px; background: #25c68c!important; font-size: 14px; padding-top: 8px!important; padding-bottom: 8px!important; } .pnum{ position: absolute; top: 0; right: 0; color: #949a9f; } .product-card-list-wrapper .img-card-main .item-li .card-img{ position: relative; } .product-card-list-wrapper .img-card-main .item-li .card-img .del{ position: absolute; top: 0; right: 0; z-index: 2; width: 18px; height: 18px; border-radius: 0 2px 0 2px; display: flex; justify-content: center; align-items: center; background: rgba(255, 255, 255, 0.85); color: #dd5800; } .faqListPanel{ position: fixed; top: 186px; right: 0; padding: 0px; background: #fff; border: 1px solid #e0e0e0; width: 185px; border-radius: 3px; overflow: hidden; } .faqListPanel .fHead{ background: #a2b3bd; padding: 10px 20px; color: #fff; font-size: 16px; border-radius: 3px 3px 0 0; } .faqListPanel .fBody{ padding: 0px; overflow: hidden; } .faqListPanel .fBody .faqListUl{ margin: 0; padding: 0; list-style-type: none; } .faqListPanel .fBody .faqListUl .liItem{ } .faqListPanel .fBody .faqListUl .liItem .liLink{ padding: 8px 20px; border-bottom: 1px solid #f2f2f2; display: block; text-decoration: none; color: #414245; font-size: 12px; } .faqListPanel .fBody .faqListUl .liItem .liLink:hover{ background: #f8f8f8; color: #212529; } .product-card-list-wrapper .img-card-main .item-li .card-img .nameText{ background-color: rgba(255, 255, 255, .9); position: absolute; left: 0; bottom: 0; width: 100%; padding: 10px 10px; text-align: center; border-radius: 0 0 2px 2px; font-size: 14px; border: 1px solid #e0e0e0; border-top: 0; } #cwlist{ background: #f7f7f9; border: 1px solid #deeeff !important; border-radius: 6px; padding: 10px 0 0 0; position: relative; margin-top: -15px; } #cwlist::before{ content: ''; width: 0; height: 0; border-top: 8px solid transparent; border-right: 8px solid transparent; border-left: 8px solid transparent; border-bottom: 10px solid #f3f3f8; position: absolute; top: -17px; left: 37%; margin-left: -4px; z-index: 2; display: none; } .more_pay .active{ position: relative; } .more_pay .active::before{ content: ''; width: 0; height: 0; border-top: 8px solid #5aa7f4 ; border-right: 8px solid transparent; border-left: 8px solid transparent; border-bottom: 8px solid transparent; position: absolute; bottom: -50px; left: 50%; margin-left: -8px; z-index: 2; } /* Lee */ /* 新页面和样式的媒体查询 */ @media only screen and (max-width: 767px) { #cwlist::before{ left: 75%!important; } .faqListPanel{ display: none; } .shippingForm .list{ width: 100%; } .urlInput{ min-width: auto; } .favoriteButton{ top: 78px; right: 15px; } .product-center-info .favoriteButton { top: -10px; right: 10px; } #login_guanli .sellmain .guanlideail .quanxuan_paixu{ padding-top: 0; padding-bottom: 25px; padding-left: 10px; padding-right: 10px; } .sort-left-box{ flex-wrap: wrap; } .card-btn-91{ position: relative; display: block; width: 50%; } .card-btn-91 button{ padding: 2px 8px; transform: scale(0.8); position: absolute; left: 0; } .importantNote{ width: 100%; padding: 8px 15px; } .listDetailsWrap .listInfo .listItem{ width: 100%; height: auto; } .listDetailsWrap .listInfo .listItem:nth-last-child(-n+2){ border-bottom: 1px solid #eee; } .product-description-max-wrap .title-line span{ font-size: 20px; } .p-l-pages-game-info-wrap{ margin-top: 10px; } .pagination-sm-show{ margin-top: 0!important; } .p-d-pages-sidebar-line-wrap .product-price-block .price-size{ font-size: 18px!important; } #owl-adv .item{ padding-bottom: 0!important; } .other-product-row-list{ padding-top: 25px!important; } .recently-viewed-wrap .r-v-big-title{ font-size: 24px!important; } .likecontainer{ padding-left: 0; padding-right: 0; margin-top: 0!important; } .product_detail_page_thumbnail li a{ border: 1px solid #eee; } .recently-viewed-wrap .r-v-big-title{ padding-top: 0px; padding-bottom: 10px; } .product-description-max-wrap .p-content{ padding-bottom: 0; } .img-card-wrap{ padding-top: 30px!important; } .category-menu-sub{ width: 100%; top: 50px; left: 0; } .wb_text_in{ word-wrap: break-word; white-space: normal; word-break: break-all; } .confirm_message .pull-right{ margin-top: 5px; float: left!important; } .motaikuang .motaikuangbody .main .buttonbox button, .motaikuangjs .motaikuangbody .main .buttonbox button{ padding: 10px 10px; font-size: 16px; } .kz-tips{ flex-wrap: wrap; } .kz-tips .btn{ margin-left: 0!important; margin-top: 5px; word-wrap: break-word; white-space: normal; word-break: break-all; } #dengdai_pay .sellmain .paydan .button_submit_box.confirm_change{ display: flex; flex-wrap: wrap; justify-content: normal; } #dengdai_pay .sellmain .paydan .button_submit_box.confirm_change .count_change{ min-width: 100%!important; height: 40px; margin-bottom: 5px; } #dengdai_pay .sellmain .paydan .button_submit_box.confirm_change .btn{ width: 100%; } #dengdai_pay .sellmain .paydan .trade-history__inner{ font-size: 11px; padding: 10px; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .maindeail{ font-size: 11px; padding: 10px!important; } .sellxinxi .buttonbox .btn, .sellxinxi .buttonbox .btn.accept{ font-size: 14px!important; font-family: Gothbold; padding: 13px 10px!important; } .i-btn-light{ margin-left: 0!important; font-size: 12px; } .withdrawals .withdrawals_choose .loans_header{ font-size: 16px; font-weight: 700; font-family: Gothbold; display: flex; flex-wrap: wrap; } .u-v-pages .v-step-collapse .panel-title a .right-info .go-set-danger-btn{ width: 200px; top: 60px; } .my-dashboard .panel-title{ font-size: 16px; } .product-list-card-show-s3 .card-show-body .product-pic-wrap .label-left img, .product-list-card-show-s3 .card-show-body .product-pic-wrap .label-right img{ width: 22px; height: 15px; } .product-list-card-show-s3 .card-show-body .product-pic-wrap .label-left{ left: 0; } .sell-product-list .user-avatar{ width: 40%!important; flex-wrap: nowrap!important; } .sell-product-list .user-avatar .user-info{ width: auto!important; } .subTabsWrap .nav-tabs>li.active>a{ line-height: .875rem!important; } .product-detail-page-user-card .card-head .quotation{ max-width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; bottom: -5px; } .product-list-card-show-s3 .card-show-body .product-pic-wrap .label-left, .product-list-card-show-s3 .card-show-body .product-pic-wrap .label-right{ width: 22px; height: 15px; top: 0; right: 0; } #pay_ment .fukuanfangshi .fukuanleft .zhifubox .zhifulibox .licon{ width: calc(100% / 2); } .chat_record .chat_right{ /*padding-bottom: 70px!important;*/ } .chat_record .chat_message_box{ padding-bottom: 130px; } .phone_show_item_pic_this_wrap{ width: 100%; height: auto; position: absolute; top: 70%; text-align: center; z-index: 99999; } .phone_show_item_pic_this_wrap img{ width: 70%; display: block; margin: 0 auto; } .product-page-option-bar-wrapper .min-sel-wrap{ position: absolute; width: 130px!important; left: 5px; bottom: 5px; z-index: 9999; padding-right: 10px; margin-top: 5px; } .product-page-option-bar-wrapper .item-col .min-sel{ height: 26px; } .product-page-option-bar-wrapper .high-price-low-item{ padding-top: 5px; } .radio input[type=radio]+.radio-label:before{ top: -0.1em; } .order-snapshot-wrap .product-text{ width: 60%; } .order-snapshot-wrap .os-btn{ width: 40%; } .os-btn-link{ padding: 0 3px; } .product-page-option-bar-wrapper .title-item{ width: 50%; } .product-page-option-bar-wrapper .title-item h3{ border: 0; height: auto; margin: 0; padding: 0; font-size: 1rem; } .product-page-option-bar-wrapper .online-item{ width: 50%; justify-content: end; } .product-page-option-bar-wrapper .search-item{ width: 50%; } .product-page-option-bar-wrapper .search-item .show-tick{ min-width: 70%!important; width: 70%!important; position: relative; z-index: 99999; } .product-page-option-bar-wrapper .search-item .btn-default{ max-width: 100%; width: 100%; } .product-page-option-bar-wrapper .price-item{ width: 50%; position: relative; z-index: 99998; } .product-page-option-bar-wrapper .price-item .price-range-wrap{ margin-top: 0; } .btn-event-in{ bottom: 5px; left: -16px; right: auto!important; } .qty-dropdown-list{ margin: 0 auto; } .p-d-pages-sidebar-line-wrap .timebox .time_time:last-child{ /*width: 100%!important;*/ } p#back-to-top img{ width: 35px!important; } .product-detail-pic-wrap{ height: auto; display: none; } .new-card-tumb{ display: none; } .description-summary{ word-break:break-all; word-wrap:break-word; } .p-detail-card-product-title{ font-size: 16px; line-height: 1.25; } .p-detail-card-product-attribute .p-li .icon-box{ width: 20%; height: 30px; } .p-detail-card-product-attribute .p-li .txt-box{ width: 80%; } .product-description-max-wrap .p-content{ width: 100%; word-wrap: break-word; white-space: normal; word-break: break-all; } .product-description-max-wrap .p-content span{ word-wrap: break-word!important; white-space: normal!important; word-break: break-all!important; } .product-options-wrap .text{ width: 100%; } .product-options-wrap .options-wrap{ width: 100%; } .sellers-wrap .label-danger{ bottom: -3px; } .acc-prohibition-bar1{ margin-bottom: 0; } .home-user-evaluate .s1{ width: 30%; } .home-user-evaluate .s2{ width: 40%; white-space: inherit; } .home-user-evaluate .s3 { width: 30%; } .p-d-pages-sidebar-line-wrap .timebox{ display: flex; flex-wrap: wrap; } .p-d-pages-sidebar-line-wrap .product-choose-number-wrap{ width: 160px; display: flex; flex-wrap: wrap; justify-content: center; } .p-d-pages-sidebar-line-wrap .product-choose-number-wrap .subtract-btn{ left: 2px; } .p-d-pages-sidebar-line-wrap .product-choose-number-wrap .increase-btn{ width: 26px; right: 2px; left: auto; } .p-d-pages-sidebar-line-wrap .product-choose-number-wrap .font_color_red{ width: 100%; display: block; text-align: center; } .p-d-pages-sidebar-line-wrap .font_color_grey{ width: 100%; } .p-d-pages-sidebar-line-wrap .timebox .time_time{ width: 50%; } .p-d-pages-sidebar-line-wrap .timebox .time_time:nth-child(2){ /*padding-left: 30px;*/ /*justify-content: end;*/ white-space: nowrap; } .p-d-pages-sidebar-line-wrap .timebox .time_time:nth-child(2) .sell_stock_txt{ text-overflow: ellipsis; overflow: hidden; word-break: break-all; white-space: nowrap; } .product-lattice-list-wrap{ width: 100%; } .p-d-pages-sidebar-line-wrap .timebox .time_time:nth-child(1)>span:nth-child(2), .p-d-pages-sidebar-line-wrap .timebox .time_time:nth-child(2)>span:nth-child(2){ display: none; } #product_deail{ padding-bottom: 0!important; } .p-d-pages-sidebar-line-wrap .product-price-block{ white-space: nowrap; } .p-d-pages-sidebar-line-wrap .timebox .pull-right{ margin-left: 5px; } .loans .withdrawals .choosebox{ padding: 15px; } .loans .withdrawals .choose_libox{ margin-right: 10px; } .loans .withdrawals .choose_libox:nth-child(3n+3){ margin-right: auto; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .xiajia{ margin-top: 0!important; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .zaixian{ display: flex; flex-wrap: wrap; width: 100%!important; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .zaixian .flex_start{ width: 50%; } .liboxright{ display: flex; flex-wrap:wrap; } .liboxright .zaixian{ width: 50%!important; } .liboxright .paimai{ width: 50%!important; } .liboxright .xiajia{ width: 100%!important; } .table-list-media li .row div:first-child div{ margin-left: auto; } .stock-manage-page .td-list li .row .tdbox{ word-break: break-all!important; word-wrap: break-word!important; line-height: 1.2; } .u-v-pages .registermain .title-line{ padding: 10px; } .registerbox .registermain .title h3{ font-size: 14px; } .order-pages-option-bar .col-li .label-txt{ width: 100px; } .order-pages-option-bar .col-li:nth-child(7) .label-txt{ width: auto!important; } .home_header_bottom .header_bottom_box .searchbox .searchbox_new{ width: 100%; left: 0; margin-left: auto; } .dmi-flex{ display: flex; flex-wrap: wrap; height: 13px; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .am-checkbox{ width: 6%; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .imgwenben{ width: 94%; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .wenbenbox{ padding-left: 2%; max-width: initial; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft{ border-right: none; margin-right: 0; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .wenbenbox .h1_title{ margin-bottom: auto; } .drop-btn-last-wrap{ position: absolute; top: 20px; right: 50px; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .closeg{ right: 20px; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright{ padding-left: 8%; margin-top: auto; flex-wrap: wrap; justify-content: inherit; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .zaixian{ width: 30.666666%; min-width: auto; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .paimai{ width: 30.666666%; min-width: auto; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .xiajia{ width: 30.666666%; min-width: auto; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .buttonbox{ /*position: absolute;*/ /*top: 0;*/ /*right: 21%;*/ border-top: 0; padding-top: 0; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxleft .wenbenbox .wenben1{ margin-bottom: 5px; } #login_guanli .sellmain .guanlideail .xiangxiliebiao .libox .liboxright .xiajia .wenben{ margin-bottom: 2px; border-bottom: 1px solid #e6ebee; padding-bottom: 2px; } .product-list-order-number .form-control{ padding: 0; } .login_sell .sellmain{ padding-top: 15px; } .header-title-bar-wrap .bar-right-info{ justify-content: start; } .headerleft .textbox2{ right: 25%!important; } .page-search-order-wrap{ padding: 0; } .seller-order-card-wrap{ border: 0; } .seller-order-card-wrap .new-order-list-head{ border-bottom: 0!important; width: 100%; display: flex!important; padding: 10px 5px!important; } .seller-order-card-wrap .new-order-list-head .pull-right{ margin-left: auto; } .seller-order-card-wrap .new-order-list-product .cs-tips{ width: 100%; left: 0; text-align: left; padding-left: 0; top: -35px; white-space:nowrap; } #login_guanli .sellmain .guanlideail .updateliebiao{ padding: 15px; } #login_guanli .sellmain .guanlideail .liebiao .liebiaoleft{ padding: 15px 15px 5px 15px; } #login_guanli .sellmain .guanlideail .liebiao .liebiaoright{ padding: 0; /*margin-left: -5px;*/ /*margin-right: -5px;*/ } #login_guanli .sellmain .guanlideail .liebiao .liebiaoright .libox{ margin-bottom: 0; } #login_guanli .sellmain .guanlideail .liebiao .liebiaoright a{ width: 33.333333333%; padding: 5px; } #login_guanli .sellmain .guanlideail .liebiao .liebiaoright .libox{ height: auto; } #login_guanli .sellmain .guanlideail .liebiao .liebiaoright .libox .num{ margin-top: 10px; } #login_guanli .sellmain .guanlideail .updateliebiao{ padding-bottom: 0; } #login_guanli .sellmain .guanlideail .liebiao .liebiaoright .libox{ min-width: 100%; } .many-options .manage-list-drop-menu-wrap .dropdown-menu{ min-width: 100%!important; } #login_guanli .remen_ul .remen_li{ width: 50%; } #login_guanli .remen_ul .remen_li{ width: 50%; margin: 0; padding: 5px; border: 0!important; } #login_guanli .remen_li .remen_lia{ border: 1px solid #e0e0e0; border-radius: .25rem; } .chat_record .chat_footer{ position: fixed!important; width: 100%; bottom: 0; } .chat_record .chat_right iframe{ height: calc( 100vh - 66px)!important; } .chat_index .chat_record .chat_right{ width: 100%; } .table-list-media li .last-block { justify-content: inherit; } .table-list-media li .last-block .text-name-in-max{ width: auto; } .order-pages-option-bar .col-li{ width: 100%; } .coupon-card-list-wrap li{ width: 100%; padding-top: 5px; padding-bottom: 5px; } .label-wrap .show_server{ position: relative; left: 10px; top: -10px; } .term-of-validity-text{ position: relative; top: auto; right: auto; } .old-account-info .dl-horizontal{ display: flex; flex-wrap: wrap; } .old-account-info .dl-horizontal dt{ width: 30%; } .old-account-info .dl-horizontal dd{ width: 70%; } #verifylistModal .modal-dialog{ margin-top: 5rem; } #verifylistModal .modal-body{ padding: 0; } #verifylistModal .modal-content{ border: 0; overflow: hidden; } .verify-list-headline li{ margin-bottom: 0; } .verify-list-headline li .link-block{ border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid #ccc; border-radius: 0; background: none; padding: 30px 15px; } .verify-list-headline li .text-box{ padding-left: 0; padding-right: 30px; } .verify-list-headline li .icon-pic{ width: 50px; height: 50px; display: none; } .verify-list-headline li .text-box .title{ font-size: 20px; } .verify-list-headline li .link-block i{ top: 4rem; right: 15px; } .verify-pages-card{ margin: 15px; } .verify-pages-card .form-group-wrapper{ width: 100%; } .verify-pages-card .form-group-wrapper label{ margin-top: 10px; } .verify-pages-card .form-group-wrapper .send-verify-code-btn{ font-size: 11px; width: 150px; } .user-verified-payment-wrapper{ padding: 15px; } .user-verified-payment-wrapper .p-card-list{ margin: 0 -5px; } .user-verified-payment-wrapper .p-card-list li{ width: 50%; padding: 5px; } .add-payment-account-wrap{ padding: 10px; } .add-payment-account-wrap .alert-warning{ margin-top: 30px; } .edit-payment-account-wrap .panel-body .edit-btn-wrap{ top: 10px; right: 10px; } .edit-payment-account-wrap .sticky-wrap{ position: relative; top: 0; } .edit-payment-account-wrap .p-a-account{ font-size: 16px; } .loans .account_choose .choosebox .choose_libox{ width: 46%; } .loans .account_choose .choosebox .choose_libox .choose_title .text_p{ font-size: .75rem; } .newgame-wrapper{ display: none; } /* Lock Card */ .lock-card-wrapper{ min-height: auto; align-items: flex-start; } .lock-card-wrapper .lock-card{ width: 100%; } .c-e-wrap .light-bg-wrap .navbar-collapse{ padding-bottom: 15px; } .c-e-wrap .light-bg-wrap-s2 .navbar-collapse{ padding-bottom: 15px; } .new-game-list-card{ margin-bottom: 15px; } .p-l-pages-g-i-text-wrap p{ font-size: 11px; } .p-l-pages-g-i-text-wrap .game-description__title{ font-size: 20px; } .p-l-pages-g-i-text-wrap h2{ font-size: 18px; } .p-l-pages-g-i-text-wrap h3{ font-size: 18px; } .p-l-pages-g-i-text-wrap h4{ font-size: 18px; } .fast-delivery-label{ height: 20px; line-height: 18px; padding: 0 2px 0 20px; } .fast-delivery-label:before{ width: 20px; height: 20px; background-size: 12px 12px; } .why-choose-us-wrapper{ background-size: 1000px 1000px; } .why-choose-us-wrapper .big-title{ font-size: 24px; padding-top: 30px; } .why-choose-us-wrapper .why-info-box{ padding: 5px 10px; } .why-choose-us-wrapper .why-info-box .list-box-txt .b-title{ font-size: 18px; } .why-choose-us-wrapper .why-info-box{ margin-top: 20px; } .evaluation-and-scoring .big-title{ font-size: 24px; } .step-guide-wrap .big-title{ font-size: 24px; } .step-guide-wrap .list-wrap .libox{ font-size: 16px; } .p-l-pages-foot-nav .b-title{ font-size: 20px; } .product-list-feedback-list-wtap .page-font-size-lg-icon{ font-size: 20px; } .p-l-pages-faq-wrap .big-title{ font-size: 20px; } .p-l-pages-faq-wrap .panel-title a{ font-size: 11px; padding: 10px; } .p-l-pages-faq-wrap .panel-title a .pull-right img{ width: 10px; height: 10px; } .home_header_bottom .header_bottom_box .classification .menu .menu1 .libox .wenben, .home_header_bottom .header_bottom_box .classification .menu .menu2 .libox .wenben{ font-size: 14px; } .home_header_bottom .header_bottom_box .classification .menu .menu1 .libox, .home_header_bottom .header_bottom_box .classification .menu .menu2 .libox{ height: 40px; } .search-result-dropdown-list-wrap .search-result-list-link{ margin-right: 5px; margin-bottom: 0px; padding: 5px 10px; } .search-result-dropdown-list-wrap .search-result-list-link img{ width: 16px; height: 16px; } .news_list .news_banner{ display: none; } .news_list .news_listbox .news_box{ margin: 0 -10px; } .news_list .news_listbox .news_box .news_libox{ width: 100%; } .news_list .news_listbox .news_box .news_libox .new_title{ text-align: left!important; } .news_list .news_listbox .news_box .news_libox .new_time{ text-align: left!important; } .images-rounded{ width: 70%; display: block; margin: auto; } .page-in-alert-primary{ margin-top: 5px; } .phone-show-my-balan{ display: block; } .phone-show-my-balan th{ width: auto!important; background: none!important; text-align: left; } .phone-show-my-balan td{ text-align: left; } .phone-show-my-balan .flex_center{ justify-content: left; } .loans_balance_table .table-responsive{ display: none; } .dispute-page .order-group-btn .btn-default{ background: #f5f6fa; border-color: #e4e4e6; color: #414245; margin-bottom: 2px; width: 100%; text-align: left!important; } .dispute-page .order-group-btn .btn-default .label-warning{ float: right!important; } .why-choose-us-wrapper .why-info-box .list-box-pic img{ height: auto; } .footer-support-payment img{ height: 14px; } .product-list-card-show-s3{ margin-bottom: 10px; } .product-list-card-show-s3 .card-show-body .product-pic-wrap .p-cover{ width: 50px; height: 65px; left: 10px; bottom: 0; display: none; } .product-list-card-show-s3 .card-show-footer-new-style .recent-sales{ overflow: hidden; width: 100%; display: block; /*position: initial;*/ /*left: inherit;*/ /*bottom: inherit;*/ line-height: 25px; } .pc-show-txt-in{ display: none; } .p-l-line-box-item2{ color: #777; border: 1px solid #e0e0e0; background: #fff; border-radius: 0.25rem; padding: 3px 6px!important; } /* Product Detail Page Photo */ .product_detail_page_thumbnail{ margin: 10px -2px; padding: 0; list-style-type: none; overflow: hidden; } .product_detail_page_thumbnail li{ width: 60px; } .product_detail_page_thumbnail li a{ height: 60px; } .g_card_list_wrap .col-xs-6{ padding-left: 5px!important; padding-right: 5px!important; } .product-list-card-show-s3 .card-show-footer-new-style{ padding: 0px 0px; height: 65px; } .product-list-card-show-s3 .card-show-footer-new-style .row{ display: flex; flex-wrap: wrap; margin: 0 -5px; } .product-list-card-show-s3 .card-show-footer-new-style .text-right{ text-align: left!important; } .product-list-card-show-s3 .card-show-footer-new-style .phone-just-left{ float: left!important; padding-right: 5px; } .product-list-card-show-s3 .card-show-footer-new-style .row .col-xs-12{ padding: 5px 8px; } .product-list-card-show-s3 .card-show-footer-new-style .row .order-one{ order: 1; /*width: 50%!important;*/ padding-right: 0; } .product-list-card-show-s3 .card-show-footer-new-style .row .order-two{ order: 2; /*width: 50%!important;*/ padding-top: 4px; padding-left: 0; } .product-list-card-show-s3 .card-show-footer-new-style .row .order-three{ order: 3; text-align: right; display: flex; justify-content: end!important; /*width: 100%!important;*/ margin-left: auto!important; justify-content:flex-end!important; } .product-list-card-show-s3 .card-show-footer-new-style .sale-price{ font-size: 14px; } .product-list-card-show-s3 .card-show-footer-new-style .row .order-two .price{ padding-right: 5px; } .card-show-bar-new-style{ left: 20px!important; bottom: 16px!important; } .just-phone-show-product-photo{ display: block; background: #fff; padding: 15px; margin-bottom: 0px; padding-bottom: 0; } .just-phone-show-product-photo img{ /*width: 80%;*/ /*border-radius: 10px;*/ /*box-shadow: 0 2px 5px #a2a2a2;*/ /*display: block;*/ /*margin: 0 auto;*/ margin-bottom: 10px; } .just-phone-show-product-photo .img-wrap{ width: 100%; height: 270px; border: 1px solid #e9e9ee; padding: 5px; border-radius: 2px; display: flex; justify-content: center; align-items: center; } .just-phone-show-product-photo .img-wrap .img-in{ max-width: 260px; max-height: 260px; } .just-phone-show-product-photo .img-wrap img{ max-width: 100%; max-height: 260px; margin: 0; border-radius: 10px; } .product-detail-page-img{ display: none; } .product-list-card-show-s3 .card-show-body{ padding: 5px 5px 0px 5px; } .product-list-card-show-s3 .card-show-body img{ width: 100%; /*height: 109px;*/ height: auto; display: block; margin: 0 auto; margin-bottom: 5px; } .product-list-card-show-s3 .card-show-body h4{ line-height: 1.25; font-size: 11px; } .product-list-card-show-s3{ border: 1px solid #eee; } .product-list-card-show-s3 .label-wrap{ border-top: none!important; position: absolute; left: 26.5%; /*bottom: 12px;*/ top: 6px; } .product-list-card-show-s3 .label-wrap .show_server{ font-size: 11px; } .g_card_list_wrap .col-xs-12:nth-child(2n) .product-list-card-show-s3{ background: #f8f8f8; } .product-list-card-show-s3 .card-show-body{ padding: 20px 10px 0px 10px; } .product-list-card-show-s3 .card-show-body img{ margin-bottom: 15px; margin-top: -12px; } .product-list-card-show-s3 .card-show-body .product-pic-wrap{ width: 25%; float: left; } .product-list-card-show-s3 .card-show-body h4{ width: 75%; float: left; padding-left: 10px; font-family: Gothbold; -webkit-line-clamp: 2; /*height: 36px;*/ height: 25px; font-size: 14px; margin-top: 3px; line-height: .9; margin-bottom: 0; } .product-list-card-show-s3 .card-show-footer-new-style{ background: none; border: none; position: absolute; width: 69.5%; bottom: 8px; right: 0; height: auto; padding-right: 8px; } .product-list-card-show-s3 .card-show-footer-new-style .row{ align-items: center; } .product-list-card-show-s3 .card-show-footer-new-style .row .order-one{ /*padding: 0!important;*/ /*position: absolute;*/ /*width: 100px;*/ /*left: -97px;*/ /*bottom: -7px;*/ /*display: block;*/ display: none; } .product-list-card-show-s3 .card-show-footer-new-style .row .order-one .p-l-line-box-item2{ /*padding: 2px 4px!important;*/ } .product-list-card-show-s3 .card-show-footer-new-style .row .order-two{ padding: 0!important; display: inline-block; width: auto; } .product-list-card-show-s3 .card-show-footer-new-style .row .order-three{ display: inline-block; margin-left: inherit!important; width: auto; padding-left: 4px; } .product-list-card-show-s3 .card-show-footer-new-style .row .order-two .pull-right{ float: none!important; } .product-list-card-show-s3 .card-show-footer-new-style .row .order-one{ padding: 0!important; } .fast-delivery-label{ height: 16px; line-height: 14px; width: 95px; overflow: hidden; } .fast-delivery-label:before{ width: 16px; height: 16px; } .fast-delivery-label:before{ background-position: 2px 2px; } .product-list-card-show-s3 .card-show-footer-new-style .sale-price{ font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: 700; } .offer-fd{ position: absolute; color: var(--zth-color-grey-500,#B8B8B8); top: 4px; right: 10px; font-size: 10px; font-family: Arial, Helvetica, sans-serif; display: block; } .product-list-card-show-s3 .card-show-footer-new-style .sale-label{ padding: 3px 5px 1px; font-weight: bold; border-radius: 4px; border: 1px solid var(--zth-color-red-400,#DD301C); background: var(--zth-color-red-100,#FAE9E7); color: var(--zth-color-red-400,#DD301C); font-family: Arial, Helvetica, sans-serif; } .product-list-card-show-s3 .card-show-footer-new-style .order-two{ position: absolute; right: 15px; } .vertical-view .card-show-footer-new-style{ bottom: 50%!important; right: -3px!important; } .checkbox-positioning{ left: -2px; } .phone-stock-page-form-bar .checkbox-inline{ float: left; margin-left: 20px; } .phone-stock-page-form-bar .form-group{ width: 55%; float: left; margin-right: 10px; } .just-phone-show-foot-logo{ display: none!important; } .subclass-tab-card{ margin-left: 0!important; padding: 5px; } .home_header_bottom{ position: initial; } .ticket-just-web-show{ display: none; } .ticket-just-phone-show{ display: block; position: absolute; top: -30px; right: 20px; border-radius: 0.25rem; } .sync_text_block{ width: 380px; } .sync_text_block .sync_text{ /*width: 100%;*/ width: 60%; } .sync_text_block .sync_textbtn{ /*width: 100%;*/ /*margin-top: 10px;*/ /*margin-left: 0;*/ width: 35%; } .selectdiv{ overflow-x: auto; } .add-item-list-card{ width: 750px; } .items-sell-page-wrap{ padding-right: 0!important; } .merchant-service .con-box{ margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee; } .add-cus-bottom-btn{ margin-left: 0; } .p-d-pages-line-bg-white .denjituwen .dengji{ flex-wrap: wrap; width: 100%; } .p-d-pages-line-bg-white .denjituwen .dengji .more-offers-just-pc-show{ margin-left: 0; display: block; } .hs-max-height{ height: 66px; overflow: hidden; padding: 8px 0; background-image: linear-gradient(#e0e0e0, #fff); padding-right: 25px; } .show_all_hs_btn{ /*height: 40px;*/ width: 100%; border-bottom: 1px solid #e0e0e0; padding-bottom: 10px; text-align: center; font-size: 22px; position: relative; } .show_all_hs_btn svg{ background: #dadde0; padding: 5px; border-radius: 0.25rem; position: absolute; right: 5px; top: -25px; } .header-nav-bar{ padding: 11px 15px; box-shadow: 0 2px 10px rgb(0 0 0 / 18%); display: block; /*position: relative;*/ /*z-index: 2;*/ position: fixed; width: 100%; background: #fff; z-index: 999997; } .header-nav-bar a{ font-size: 14px; font-weight: bold; font-family: 'Gothbold'; line-height: 1.2; min-height: 22px; display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .brea-nav-new-style-2{ margin-bottom: auto; height: 40px; background: #f7f7fa; margin-bottom: -19px; } .brea-nav-new-style-2 .site-b-menu{ background: none!important; border-bottom: 0px!important; top: 10px; } .just-retain-nav .logobox{ display: none!important; } .just-retain-nav .buy_sell{ display: none!important; } .site-b-menu .breadcrumb .active a{ color: #8c8c8c; } .light-grey-bg-wrapper .light-round-wrap{ padding: 10px; } .export_btn{ float: left!important; margin-top: 5px; } .tickets-panel{ margin-top: 30px; } .table-responsive{ margin-top: 10px; } .search-show-table-wrap{ margin-top: 0px; } .chat-warning-tip{ width: 90%; left: 5%; margin-left: 0; max-height: 500px; overflow: auto; top: 80px; box-shadow: 0 0px 30px rgb(0 0 0 / 30%); } .chat-warning-tip .btn{ width: 100%; text-align: center; display: block!important; } .chat-warning-tip .close svg{ width: 20px; height: 20px; } #product_deail .product_deailbox{ padding-bottom: 2px; } .product-list-card-show-s2 .card-show-bar{ position: relative!important; bottom: 0!important; padding-left: 5px; } .product-list-card-show-s2 .card-show-body{ height: 65px; } .product-list-card-show-s2 .card-show-body .product-pic-box{ width: 40px; height: 40px; } .product-list-card-show-s2 .card-show-body .product-pic-box .pic-in{ width: 40px; height: 40px; border: 1px solid #e0e0e0; border-radius: 3px; } /* 模拟单选 */ .imit-radio-box li{ width: 100%; padding-left: 5px; padding-right: 5px; overflow: hidden; } .items-sell-page-wrap .i-s-p-w-list li{ width: 50%; } #login_createli .sellmain .registermain .xuanxiang .table-responsive{ min-height: 200px; height: auto; overflow-x: auto; overflow-y: auto; } .selectdiv .inputbox textarea{ width: 50px; } .create-listing-item-table{ margin-top: 20px; } .create-listing-item-table .am-checkbox{ width: 320px; } .aceq-btn{ left: 0; top: 50px; } .product-list-card-show-s2 .card-show-footer{ padding-left: 15px!important; padding-right: 15px!important; } .game-king-wrap{ max-height: 280px; overflow-y: auto; -webkit-overflow-scrolling: touch; } .game-king-wrap .input-row-2-col{ width: 50%!important; } .game-king-wrap .input-row-2-col .custom-radio{ font-size: 12px; height: 50px; padding-bottom: 0; } .game-king-wrap2{ max-height: 485px; overflow-y: auto; padding: 5px; -webkit-overflow-scrolling: touch; } .game-king-wrap2 .input-row-2-col{ width: 50%!important; } .game-king-wrap2 .input-row-2-col .custom-radio{ font-size: 12px; height: 50px; padding-bottom: 0; } .game-king-wrap::-webkit-scrollbar-track-piece{background-color: rgba(0,0,0,0); border-left: 1px solid rgba(0,0,0,0);} .game-king-wrap::-webkit-scrollbar{width: 5px; -webkit-border-radius:5px; -moz-border-radius: 5px; border-radius: 5px;} .game-king-wrap::-webkit-scrollbar-thumb{background-color: rgba(0,0,0,0.5); background-clip: padding-box; -webkit-border-radius:5px; -moz-border-radius: 5px; border-radius: 5px; min-height: 28px;} .game-king-wrap::-webkit-scrollbar-thumb:hover{background-color: rgba(0,0,0,0.5); -webkit-border-radius:5px; -moz-border-radius: 5px; border-radius: 5px;} .game-king-wrap2::-webkit-scrollbar-track-piece{background-color: rgba(0,0,0,0); border-left: 1px solid rgba(0,0,0,0);} .game-king-wrap2::-webkit-scrollbar{width: 5px; -webkit-border-radius:5px; -moz-border-radius: 5px; border-radius: 5px;} .game-king-wrap2::-webkit-scrollbar-thumb{background-color: rgba(0,0,0,0.5); background-clip: padding-box; -webkit-border-radius:5px; -moz-border-radius: 5px; border-radius: 5px; min-height: 28px;} .game-king-wrap2::-webkit-scrollbar-thumb:hover{background-color: rgba(0,0,0,0.5); -webkit-border-radius:5px; -moz-border-radius: 5px; border-radius: 5px;} .x-table::-webkit-scrollbar-track-piece{background-color: rgba(0,0,0,0)!important; border-left: 1px solid rgba(0,0,0,0);!important;-webkit-box-shadow: none!important;} .x-table::-webkit-scrollbar{height: 5px; -webkit-border-radius:5px; -moz-border-radius: 5px; border-radius: 5px;} .x-table::-webkit-scrollbar-thumb{background-color: rgba(0,0,0,0.5)!important; background-clip: padding-box; -webkit-border-radius:5px; -moz-border-radius: 5px; border-radius: 5px; min-height: 28px;-webkit-box-shadow: none!important;} .x-table::-webkit-scrollbar-thumb:hover{background-color: rgba(0,0,0,0.5)!important; -webkit-border-radius:5px; -moz-border-radius: 5px; border-radius: 5px;-webkit-box-shadow: none!important;} .promoti-list-bg-wrap{ word-wrap: break-word; word-break: break-all; } .a-p-m-i-flex{ display: initial; border-top: 1px solid #e0e0e0; padding-top: 10px; } .a-p-my-income-icon{ margin-bottom: 10px; } .jb-bg-color-s1 .margin_top30{ margin-top: 13px; } .product-details-comment-btn{ position: absolute; /*right: -70px;*/ /*top: -42px;*/ right: 6px; top: -55px; border-radius: 4px; padding: 2px 8px; } #game_list .popular_box{ flex-wrap: wrap; } #game_list .popular_left{ width: 100%; padding-left: 0; margin-bottom: 10px; } #game_list .popular_right{ width: 100%; } #game_list .popular_li{ padding-right: 10px; margin-top: 5px; margin-bottom: 5px; } .modal-dialog{ margin-top: 60px; } .s-m-qrcode{ width: 100%; } .tix-info-list-wrap li:nth-child(odd){ background: #edeff1; } .tix-info-list-wrap .pc-pad-left-none{ padding-left: 15px; } .tix-info-list-wrap .phone-show-text{ display: inline-block; font-family: 'Gothbold'; } .tix-info-list-wrap li .text-center{ text-align: left!important; } .goog-te-banner-frame{ /*top: 50px!important;*/ display: none; } .product-search-bar-wrap .clear-all-this{ display: inline-block; margin-top: 7px; margin-left: 5px; } .search_criteria_tag{ display: contents; } .product-search-bar-wrap .s-tag-list{ padding: 2px 5px 2px 7px; } .sub-choose-menu-show-btn{ display: block; background: #fff; border: 1px solid #ccc; border-radius: 3px; padding: 4px 2px; position: absolute; top: 0; right: 15px; font-size: 14px; width: 72px; height: 38px; } .sub-choose-menu-show-btn svg{ font-size: 18px; } .sub-choose-pages-new{ background: #fff; display: block; width: 100%; height: 100%; position: fixed; top: 0; z-index: 100000; } .sub-choose-pages-new .fix-head-wrap{ width: 100%; position: fixed; z-index: 2; background: #fff; box-shadow: 0 0.14px 2.29266px rgba(0,0,0,0.03), 0 0.37px 4.42626px rgba(0,0,0,0.05), 0 3px 7px rgba(0,0,0,0.09); overflow: hidden; } .sub-choose-pages-new .s-c-header{ padding: 14px 30px; overflow: hidden; /*border-bottom: 1px solid #ddd;*/ background: #000; color: #fff; text-align: center; font-size: 14px; font-family: 'Gothbold'; } .sub-choose-pages-new .s-c-header .close-this{ border: 0; background: none; margin-right: -15px; } .sub-choose-pages-new .search-bar{ overflow: hidden; background: #fff; position: relative; } .sub-choose-pages-new .search-bar .s-icon{ position: absolute; left: 15px; top: 11px; font-size: 20px; } .sub-choose-pages-new .search-bar input{ border: 0; width: 100%; padding: 14px 30px 14px 50px; font-size: 14px; } .sub-choose-pages-new .s-c-body{ /*max-height: 600px;*/ max-height: 100%; overflow: auto; padding-top: 102px; padding-bottom: 90px; } .sub-choose-pages-new .s-c-body .title-line{ background: #f7f7f9; padding: 5px 15px; font-size: 16px; font-weight: bold; font-family: 'Gothbold'; text-align: center; } .sub-choose-pages-new .s-c-body .loop-info-list{ overflow: hidden; } .sub-choose-pages-new .s-c-body .loop-info-list .b-title{ background: #eeeef2; padding: 5px 15px; font-size: 16px; font-weight: bold; font-family: 'Gothbold'; background: -webkit-gradient(linear,0% 0%,0% 100%,from(#eeeef2),to(#e5e6e9)); } .sub-choose-pages-new .s-c-body .loop-info-list .list-box{ margin: 0; padding: 5px; overflow: hidden; } .sub-choose-pages-new .s-c-body .loop-info-list .list-box li{ list-style-type: none; width: 50%; float: left; padding-left: 10px; padding-right: 10px; font-size: 14px; } .sub-choose-pages-new .s-c-body .loop-info-list .list-box li .checkbox{ margin-top: 6px; margin-bottom: 6px; } .sub-choose-pages-new .s-c-body .loop-info-list .show-all{ border: 0; background: none; font-size: 14px; margin-left: 8px; margin-bottom: 10px; } .sub-choose-pages-new .s-c-body .loop-info-list:last-child{ margin-bottom: 130px; } .sub-choose-pages-new .s-c-body .online-sell-wrap{ overflow: hidden; padding: 15px; border-top: 1px solid #e0e0e0; margin-top: 14px; } .sub-choose-pages-new .s-c-body .online-sell-wrap .online-sell-phone-show{ position: relative; font-size: 14px; } .sub-choose-pages-new .fix-foot-wrap{ width: 100%; position: absolute; z-index: 2; background: #fff; box-shadow: 0 -3px 5px -1px rgba(0,0,0,0.09), 0 -6px 10px rgba(0,0,0,0.06), 0 -1px 18px rgba(0,0,0,0.03); overflow: hidden; bottom: 0; padding: 15px; } .sub-choose-pages-new .fix-foot-wrap .btn{ border-radius: 4px; font-family: 'Gothbold'; } .sub-choose-pages-new .fix-foot-wrap .btn-light{ border: 1px solid #f34638; color: #f34638; background: #fff; } .show_sx_page{ right: -100%; transition:all .35s; } .common-template-list-page-select .search-btn{ right: 29%; } .home_header_bottom .header_bottom_box .logobox img{ /*height: 40px;*/ } .pages-conditions-pc-show{ display: none; } .manage-list-drop-menu-wrap{ width: 96.5%; margin-bottom: 5px; } .manage-list-drop-menu-wrap .dropdown-menu{ min-width: 120%; } .other-product-row-list .price-range-wrap{ margin-top: 20px; width: 100%; } .chat_record .chat_right .namebox{ position: absolute; left: 60px; top: 6px; } .chat_record .en_head-in-wrap .img_name .show_record{ position: absolute; left: 70px; top: 25px; } .chat-date-xy-text{ position: absolute; left: 70px; top: 25px; } .chat_record .chat_right .text_name{ float: left; } .chat_record .chat_right .text_line{ float: left; padding-left: 5px; } .show-order-list-btn-top{ margin-right: 10px; position: absolute; left: 200px; top: 25px; } .s-cart-right-bottom-wrap{ bottom: 75px; } .just-phone-show-search-sm-icon{ display: block; position: absolute; left: 50px; bottom: 9px; font-size: 15px; width: 15px; height: 15px; border-radius: 30px; background: #000; color: #a0a0a9; } .what-is-cred{ color: #DE2826; background: #ffeded; box-shadow: 0 0 15px #ffeded; width: 100%; margin-top: 7px; margin-left: 0px; text-align: center; } body{ padding-top: 50px; } #footer{ padding-bottom: 40px!important; } .two-top-search-pc-show{ display: none!important; } .top-bar-language-btn{ display: none; } .footer-bar-fix-wrapper{ width: 100%; /*height: 50px;*/ padding: 4px 10px 0px 10px; box-shadow: 0 -0.14px 2.29266px rgba(0,0,0,0.03), 0 -0.37px 4.42626px rgba(0,0,0,0.05), 0 -3px 7px rgba(0,0,0,0.09); background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#fff), to(#eeeeee)); display: block; position: fixed; left: 0; bottom: 0; z-index: 999; font-family: 'Gothbold'; font-weight: 700; } .footer-bar-fix-wrapper .this-icon{ width: 27px; max-height: 27px; display: block; margin: auto; } .footer-bar-fix-wrapper .up-arrow{ position: absolute; right: 28px; display: inline-block; font-size: 8px; bottom: 1px; } .footer-modal-show{ position: absolute; width: 90%; bottom: 50px; left: 50%; margin-left: -45%; } .footer-modal-show select{ border-radius: 4px; } .footer-modal-show .btn{ border-radius: 4px; } .product-list-newbar-wrap{ padding-top: 6px; } .product-list-newbar-wrap .online-sell-phone-show{ display: none; } .product-list-newbar-wrap .pad-left-right-none{ padding-left: 15px; padding-right: 15px; margin-top: 5px; margin-bottom: 5px; } .product-list-newbar-wrap .pad-left-none{ padding-left: 15px; margin-top: 5px; } .product-list-newbar-wrap .search-result-text{ padding-left: 0!important; } .product-list-newbar-wrap .flex_between .wenben{ padding-right: 10px!important; } .product-list-newbar-wrap .box .boxxiao .fenleibox{ margin-top: 4px; } .margin_left_pc15{ margin-left: 0px; } .language-and-currency-wrap .btn-group{ display: none; } .just-product-page-show-this{ display: inline-block!important; } .common-template-list-page-select .left-and-right-px5{ padding-left: 15px; padding-right: 15px; } .common-template-list-page-select .btn-light-drop{ margin-top: 4px; margin-bottom: 4px; text-align: left; } .common-template-list-page-select .flex_between{ padding-left: 0!important; } .common-template-list-page-select .selectall .ulbox, .multiple_choice .ulbox{ left: 0!important; } .common-template-list-page-select .dropdown-menu{ left: 0px; } .results-and-online .online-sell-phone-show{ position: relative; } /* Header Bar */ .header-bar-fix{ position: fixed!important; width: 100%; left: 0; top: 0; z-index: 999998; } .p-d-pages-line-bg-white .fuwupaixi .wenbenleft{ min-width: auto; font-size: 11px; } .p-d-pages-line-bg-white .fuwupaixi .wenbenright{ font-size: 11px; } .p-d-pages-line-bg-white .fuwupaixi .flex_start{ margin-top: 12px; margin-bottom: 12px; } .this-warning-info-text-3{ position: relative; z-index: 999; margin-top: 45px; } .user-menu-phone-show-inwrap{ background: rgb(215 210 226/35%); border-top: 1px solid #d7d4de; padding: 10px; overflow: hidden; margin-top: -30px; margin-bottom: 15px; border-bottom: 2px solid #de2826; } .user-menu-phone-show-inwrap .show-drop-this-btn{ display: block; overflow: hidden; padding-left: 15px; padding-right: 15px; font-size: 16px; font-family: 'Gothbold'; text-align: left; } .user-menu-phone-show-inwrap .show-drop-this-btn svg{ margin-top: 5px; } .user-menu-phone-show-inwrap .my-dashboard-sidebar{ margin-top: 0; border: 1px solid #ccc; background: #fff; padding-top: 15px; display: none; } .u-m-p-h-btn-bg{ background-image: linear-gradient(#ffffff,#ffd5c0); padding: 10px 15px; border: 1px solid #ddd; /*margin-left: 5px;*/ /*margin-right: 5px;*/ border-radius: 4px; color: #DE2826; } .u-m-p-h-btn-bg2{ background-image: linear-gradient(#ffd5c0,#ffffff); padding: 10px 15px; border: 1px solid #ddd; /*margin-left: 5px;*/ /*margin-right: 5px;*/ border-radius: 4px 4px 0 0; color: #DE2826; border-bottom: 0; } .user-menu-phone-show-inwrap .dash-menu li .active{ background: #fff5f5; } .selectall .ulbox, .multiple_choice .ulbox{ z-index: 9999; } .this-warning-info-text{ width: 100%; text-align: center; border-radius: 0px; right: auto; left: 0px; bottom: 0px; } .pc-padding-s1{ /*padding-left: 15px;*/ padding-right: 15px; } .d-pc-block{ display: none; } .d-phone-block{ display: block; } .online-sell-phone-show{ position: absolute; width: auto; right: 0; } .online-sell-phone-show .pull-left{ padding-right: 5px!important; } .footer-buy-btn-bar-wrap{ position: fixed; left: 0; bottom: 0; background: #fff; border-top: 1px solid #e0e0e0; box-shadow: 0 -4px 6px rgba(0,0,0,0.08); width: 100%; padding: 15px; display: block; z-index: 9999999; } .footer-buy-btn-bar-wrap .btn{ border-radius: 3px; } .footer-buy-btn-bar-wrap .btn-chat{ border: 1px solid #d2d2da; color: #21cf81; font-size: 22px; padding-left: 0; padding-right: 0; text-align: center; } .footer-buy-btn-bar-wrap .pad-left-and-right-px5{ padding-left: 7px; padding-right: 7px; } .footer-buy-btn-bar-wrap .btn-line-danger{ background: #fff; border: 1px solid #DE2826; color: #DE2826; padding-top: 9px; padding-bottom: 9px; white-space: pre-wrap; padding-left: 5px; padding-right: 5px; } .safe-shopping-tips{ margin-top: -20px; margin-bottom: 11px; height: auto; white-space: nowrap; font-size: 12px; } .safe-shopping-tips a{ color: #3f404f; } .safe-shopping-tips img{ height: 20px; margin-right: 3px; } .phone-this-flex-wrap{ display: flex; flex-wrap: wrap; } .phone-order-1{ order: 1; } .phone-order-2{ order: 2; margin-top: auto!important; } .phone-order-2 .p-d-pages-sidebar-line-wrap{ min-height: 290px; } .phone-order-2 .buttonbox{ padding-bottom: 0; } .phone-order-2 .buttonbox .btn{ display: none; } .phone-order-3{ order: 3; margin-top: 15px; margin-bottom: -30px; } .phone-order-3 .margin_top20{ margin-top: 0!important; } .phone-order-3 .p-d-pages-line-bg-white .h-u-p-star-wrap{ margin-left: 48px; /*margin-top: 5px;*/ } .phone-order-3 .p-d-pages-line-bg-white .h-u-p-star-wrap li{ /*white-space:nowrap;*/ } .phone-order-3 .p-d-pages-line-bg-white .h-u-p-star-wrap li br{ display: none; } .combin-light-bg-wrap{ border: 0; background: none; padding: 0; margin-top: -15px; margin-bottom: 10px; overflow: inherit; } .combin-light-bg-wrap h2{ font-family: 'Gothbold'; font-size: 18px; /*white-space: nowrap;*/ line-height: 24px; display: none; } .combin-light-bg-wrap .other-product-num-txt{ position: relative; display: block; margin-top: 5px; margin-bottom: 5px; } .other-product-row-list .sellers-wrap{ padding-top: 5px; } .other-product-row-list .sellers-wrap li{ white-space: nowrap; text-overflow: ellipsis; /*overflow: hidden;*/ font-family: 'Goth'; box-shadow: 0px 2px 1px #eee; margin-bottom: 5px; } .other-product-row-list .sellers-wrap li a{ padding: 0px 0px 5px 0px; position: relative; border-top: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; /*border-bottom: 1px solid #e0e0e0;*/ } .other-product-row-list .sellers-wrap li:nth-of-type(even) a{ background: #fff; } .other-product-row-list .sellers-wrap li .d-m-info .d-m-text{ padding-left: 10px; display: initial; color: #999; font-size: 12px; } .other-product-row-list .sellers-wrap li .d-m-info .d-m-text2{ /*padding-left: 0px;*/ padding-left: 0px; padding-top: 0px; margin-top: -5px; margin-bottom: 10px; display: initial; font-size: 11px; /*word-wrap: break-word;*/ /*white-space: normal;*/ /*word-break: break-all;*/ word-wrap: break-word; white-space: normal; word-break: break-all; } .other-product-row-list .sellers-wrap li a .phone-none{ display: none!important; } .other-product-row-list .sellers-wrap li a .phone-show{ display: inline-block; } .other-product-row-list .sellers-wrap li a .this-price-wrap{ position: absolute; top: -3px; right: 0px; } .other-product-row-list .sellers-wrap li a .ot-header{ background: #f8f8fb; padding: 10px; overflow: hidden; margin-bottom: 10px; border-top: 1px solid #fff; border-radius: 3px 3px 0px 0px; } .other-product-row-list .sellers-wrap li a .ot-header .seller-pic{ width: 35px; height: 35px; } .other-product-row-list .sellers-wrap li a .ot-header .seller-pic img{ width: 35px; height: 35px; border-radius: 70px; } .other-product-row-list .sellers-wrap li a .just-phone-text-right{ text-align: right; padding-right: 30px; letter-spacing: -.25px; } .other-product-row-list .sellers-wrap li .d-m-info{ margin-top: 6px; margin-bottom: 8px; } .other-product-row-list .sellers-wrap li .seller-text .seller-score{ position: absolute; /*left: 145px;*/ right: 29px; top: 33px; } .other-product-row-list .sellers-wrap li .seller-text .s-name{ margin-bottom: -3px; width: 100px; letter-spacing: -.25px; } .other-product-row-list .sellers-wrap li .price-in{ letter-spacing: -.25px; } .other-product-row-list .sellers-wrap li .price-in strong{ font-size: 14px; font-family: Gothbold; } .delivery-method-txt{ padding-left: 10px; } .delivery-method-txt li{ box-shadow: none!important; /*letter-spacing:-1.1px;*/ font-size: 12px; word-wrap: break-word; word-break: normal; word-break:break-all; } .product-list-card-show{ margin-bottom: 10px; } .product-list-card-show .card-show-head{ padding: 15px 20px 10px 20px; } .product-list-card-show .card-show-body{ min-height: 50px; } .product-list-card-show .card-show-footer{ padding: 5px 20px; } .product-list-card-show .card-show-bar{ position: absolute; left: 10px; bottom: 8px; } .plat-deopdown-btn-wrap{ padding-left: 15px!important; } .search_product_wrap{ margin-bottom: 5px; } .product-search-bar-wrap{ padding-bottom: 5px; } .product-search-bar-wrap .form-group{ margin-left: -15px; margin-right: -15px; margin-bottom: 0; } .product-search-bar-wrap input{ width: 75%; } .product-search-bar-wrap .search_product_wrap{ width: 75%; } .product-search-bar-wrap .selectall .selectanniu, .multiple_choice .click_box{ margin-left: 0; } .product-search-bar-wrap .flex_between{ margin-bottom: 5px; padding-left: 15px; } .product-search-bar-wrap .flex_between .wenben{ /*margin-left: auto;*/ padding-right: 30px; } .product-search-bar-wrap .flex_between .wenbennew{ display: none; } .product-search-bar-wrap .server_show_btn{ text-align: left; } .product-search-bar-wrap .selectall{ min-width: 100%!important; } .product-search-bar-wrap .s_show{ padding-left: 15px!important; } .product-search-bar-wrap .search-result-text{ /*padding-left: 15px;*/ /*margin-bottom: 5px;*/ /*padding-top: 0;*/ position: absolute; bottom: -72px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 80px; } .product-search-bar-wrap .selectall .ulbox, .multiple_choice .ulbox{ left: 0; } .product-search-bar-wrap .dropdown-menu{ min-width: 100%!important; } .product-search-bar-wrap .product-ranking{ padding-right: 0px; } .product-search-bar-wrap .product-ranking .radio-inline{ margin-left: -5px; } .product-search-bar-wrap .radio input[type="radio"] + .radio-label:before{ margin-right: 3px; } .product-search-bar-wrap .product-ranking .radio .radio-label{ padding-left: 0; letter-spacing: -1.1px; } .product-search-bar-wrap .s-tag-list{ display: inline-block; margin-right: 2px; margin-bottom: 3px; } .product-search-bar-wrap hr{ margin-top: 0px; margin-bottom: 8px; } .other-product-row-list .big-title{ border-bottom: 1px solid #e0e0e0; margin-bottom: -10px; padding-bottom: 10px; height: 45px; font-size: 20px; } .other-product-row-list .product-ranking{ /*border-top: 1px solid #e0e0e0;*/ /*margin-top: 10px;*/ /*padding-top: 10px;*/ } .other-product-row-list .product-ranking .radio{ margin: 5px 0; } .loans .total_amount .amount_message{ flex-wrap: wrap; } .loans .total_amount .amount_message .message_left{ min-width: 100%; } .loans .total_amount .amount_message .message_left .message_imgbox{ margin: auto; margin-bottom: 10px; } .loans .total_amount .amount_message .message_right{ width: 100%; } #dengdai_pay .sellmain .paydan .headerpay2 .headerright .date1{ display: none; } #dengdai_pay .sellmain .paydan .headerpay2 .headerleft .h3title{ color: #2B2B36; font-size: 20px!important; font-family: 'Gothbold'; } .s-i-info-text{ margin-left: 15px; width: 90%; } .label-cs-tips{ position: absolute; left: 10px; bottom: 0px; } .skip-tips-wrap .left-box{ border-right: 0; padding-right: 0; } .skip-tips-wrap .right-box{ background: #fbfbfe; padding: 10px; border-radius: 4px; box-shadow: 0 0 2px #ccc; margin-top: 10px; } .u-v-show-check-list li{ display: block; } .u-v-show-check-list li .left-box{ width: 100%; } .u-v-show-check-list li .center-box{ width: 100%; text-align: left; } .u-v-show-check-list li .right-box{ width: 100%; } .register_index .midsection-small .logo .sa-logo.sa-logo-g2g { background: url(../images/logo.png) no-repeat center; } .register_index{ min-height: 101vh; } .register_index .midsection-small .card-small{ padding: 15px; } .new-devices-wrap .inputboxyzhen input { width: 35px; height: 35px; font-size: 20px; text-align: center; border-radius: 4px; margin-right: 3px; margin-bottom: 6px; color: #9e9797; border: 1px solid #ccc; } .u-v-pages .v-step-collapse .panel-title a .icon-in{ width: 20%; } .u-v-pages .registermain .update_icd .icd_left{ width: 100%; } .u-v-pages .registermain .update_icd .icd_right{ width: 100%; margin-left: 0; } .u-v-pages .registermain .update_icd .icd_wenben{ width: 100%; margin-bottom: 15px; } .u-check-id-card-wrap .registermain .update_icd .icd_left{ width: 100%; } .u-check-id-card-wrap .registermain .update_icd .icd_right{ width: 100%; margin-left: 0; } .u-check-id-card-wrap .registermain .update_icd .icd_wenben{ width: 100%; margin-bottom: 15px; } .u-v-p-modal-pad{ padding: 10px!important; } .recommend_list_hot{ position: absolute; left: -10px; top: -22px; z-index: 1111; } .recommend_list_hot img{ width: 40px; } .just-phone-pad-l-r-none{ padding-left: 0px; padding-right: 0px; text-align: center!important; } /* Step */ .s-ol{ display: flex; justify-content: center; } .s-ol .steps{ padding-left: 0px; transform: scale(0.85); position: relative; left: -7%; } .s-ol .steps li{ min-width: 70px; } .s-ol .steps .step-content div{ width: 80px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .header-title-bar-wrap .flex-center{ display: inherit; align-items: inherit; } .header-title-bar-wrap .flex-center .text-right{ text-align: left; } .header-title-bar-wrap .order-num{ font-size: 16px; } .p-d-pages-log-list-wrap li strong { margin-left: 0px; display: block; width: 100%; } .p-d-pages-log-list-wrap li span{ min-width: auto; } .p-d-pages-log-list-wrap .top-tips{ padding-left: 10px; } .p-d-pages-verification{ padding-left: 15px; padding-right: 15px; } .p-d-pages-log-list-wrap li{ padding-left: 10px; padding-right: 10px; } .pay-pages-p-s-search{ margin-top: 5px; } .p-d-textbody-height-auto .wenben{ /*white-space: pre-wrap;*/ white-space: -webkit-nowrap; } /* Cancel Order Tips */ .cancel-order-cd-tips{} .cancel-order-cd-tips .col-xs-8{ width: 50%; padding-right: 0; } .cancel-order-cd-tips .col-xs-4{ width: 50%; padding-left: 0; } /* Product Page */ .p-d-pages-line-bg-white{ margin-bottom: 30px; min-height: auto; padding-bottom: 40px; padding-left: 10px; padding-right: 10px; padding-top: 0px; overflow: initial; } .p-d-pages-line-bg-white .denjituwen{ border-top: 2px solid #DE2826; margin-left: -15px; margin-right: -15px; } .p-d-pages-line-bg-white .denjituwen .tuleft{ flex-wrap: wrap; } .p-d-pages-line-bg-white .denjituwen .tuleft .wenbenneirong{ display: flex; } .p-d-pages-line-bg-white .denjituwen .tuleft .wenbenneirong .p-p-i-level-icon{ margin-left: 5px; } .p-d-pages-line-bg-white .denjituwen .p-p-i-three-icon{ position: absolute; right: 10px; top: 15px; } .usernodenjiinbox{ margin-left: 0; margin-top: 10px; } .p-d-pages-line-bg-white .show-all{ height: 84px; } .product_page_description_btn_box{ margin-bottom: -40px!important; top: -30px!important; } .p-d-show-all-info{ /*height: 70px;*/ height: 100px; } .p-d-pages-line-bg-white h2{ font-size: 20px; } .p-d-pages-line-bg-white .fuwupaixi{ margin-top: 5px; } .p-d-pages-line-bg-white .fuwupaixi hr{ margin-top: 5px; margin-bottom: 5px; } .p-d-pages-line-bg-white .xianxi{ margin-top: 5px; padding-top: 0px; } .p-d-pages-sidebar-line-wrap{ min-height: 405px; } .p-d-pages-sidebar-line-wrap .price-block .b-text{ font-size: 18px; } .p-d-pages-sidebar-line-wrap .product-price-block{ padding-top: 5px; padding-bottom: 5px; } .p-d-pages-sidebar-line-wrap .product-price-block .pull-right{ font-size: 20px; } .p-d-pages-sidebar-line-wrap hr{ margin-top: 5px; margin-bottom: 10px; } .p-d-pages-sidebar-line-wrap .btn{ /*font-size: 14px;*/ padding-top: 5px; padding-bottom: 5px; margin-top: 5px; } .r-s-w-up-title{ display: none; } .recently-viewed-wrap{ /*margin-top: -60px;*/ margin-bottom: 20px; } /* 商品详情页如果有图片加固定高度 */ .p-d-textbody-heightadd{ /*height: 200px;*/ height: 215px; } /* 会员中心 */ .my-dashboard-sidebar{ width: 100%; } .my-dashboard-body{ width: 100%; } .sell-create-listing-btn{ right: 20px; top: 60px; } /* Product List */ .p-l-pages-user-info-box{ height: auto; padding: 0; } .p-l-center-box{ min-height: auto; border: 0; margin-bottom: 15px; } .p-l-center-box .padding-box{ height: auto; padding: 0; } .p-l-pages-timebox-box{ height: auto; padding: 0; } .p-l-pages-buynow-box{ height: auto; padding: 0; float: right; } .product-list-rows .thisinputbox{ width: 140px; } .product-list-rows .thisinputbox .subtract-btn{ top: 4px; } .product-list-rows .thisinputbox .increase-btn{ left: auto; top: 5px; } .product-list-rows .btn-danger{ min-width: 145px; } .p-l-pages-game-info-wrap{ background-size: 1000%; } .p-l-pages-reviews-bar .small-text-note{ display: none; } .p-l-pages-reviews-bar{ background-size: 110%; } .p-l-pages-user-info-box .media-list{ border-bottom: 0; } .p-l-pages-foot-nav{ padding-bottom: 30px; } .p-l-pages-foot-nav .nav-list{ display: block; } .p-l-pages-foot-nav .nav-list li{ width: 48.5%; margin-bottom: 4px; } .p-l-pages-foot-nav .nav-list li a{ padding-left: 3px; padding-right: 3px; font-size: 14px; } .table-column-sorting-4{ background: #f7f7fa; border-radius: 3px; padding-top: 5px; padding-bottom: 5px; } .p-l-pages-faq-wrap{ padding-left: 0; padding-right: 0; } .p-l-pages-faq-wrap .panel-body img{ width: 100%!important; height: auto!important; } .p-l-pages-news-list-wrap{ padding-left: 0; padding-right: 0; display: none; } .p-l-pages-g-i-text-wrap .game-descr-text{ padding-top: 0px; } /* 喇叭通知 */ .lb-sound-icon{ padding-left: 10px; } /* 菜单 */ .home_header{ height: 50px; } .home_header .language_currency{ height: 50px; } .home_header_bottom .header_bottom_box .classification .fenleibox{ height: 50px; } .home_header_bottom .header_bottom_box .classification .menu{ left: 15px; position: absolute; width: 365px; border-radius: 0; padding-top: 50px; box-shadow: 0 2px 10px rgba(0,0,0,0.25); } .home_header_bottom .header_bottom_box .classification .menu .menu1, .home_header_bottom .header_bottom_box .classification .menu .menu2{ width: 100%; } .home_header_bottom .header_bottom_box .searchbox .search_input{ width: 100%; } .new-big-store-pic .text-wrap{ width: 100%; left: 0; margin-left: 0; padding-top: 25px; padding-bottom: 15px; } .new-big-store-pic img{ height: 260px; } .new-big-store-pic .text-wrap .text-1{ font-size: 16px; border-bottom: 0; margin-bottom: 0; } .new-big-store-pic .text-wrap .text-2{ font-size: 16px; } .new-big-store-pic .text-wrap .text-3{ margin-bottom: 15px; } .fancy-button{ width: auto!important; } .hot-game-box-list-card-1{ margin-top: 20px; margin-bottom: 50px; } .hot-game-box-list-card-2{ margin-top: 20px; margin-bottom: 50px; } .hot-game-box-list-card-3{ margin-top: 20px; margin-bottom: 50px; } .hot-game-box-list-card-4{ margin-top: 20px; margin-bottom: 50px; } .why-choose-us-wrapper{ margin-top: 20px; background-size: 100% 80%; } .why-choose-us-wrapper .why-info-box{ padding: 0px 10px 20px 10px; } .why-choose-us-wrapper .why-info-box .col-xs-12{ margin-top: 30px!important; } .why-choose-us-wrapper .why-info-box .list-box-txt{ height: auto; } .owl-carousel .owl-wrapper, .owl-carousel .owl-item:not(:nth-child(4n)){ /*margin-right: auto;*/ } .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ /* margin-right: 30px!important; 111 */ } .owl-carousel .owl-item{ /*margin-right: 0px; width: auto; display: block; margin: 5px; 111 */ } .step-guide-wrap{ padding: 30px 0px 50px 15px; } .step-guide-wrap .list-wrap .libox{ width: 50%; margin-bottom: 30px; text-align: left; /* padding-left: 10px; padding-right: 10px; */ } .step-guide-wrap .list-wrap .libox img{ width: 60px!important; } .footer-support-payment a{ width: 20%; float: left; margin-top: 5px; margin-bottom: 5px; } .footer-support-payment span:not(:last-child){ /*margin-right: 0;*/ /*margin-top: 5px;*/ /*margin-bottom: 5px;*/ /*display: inline-block;*/ } .footer-support-payment span{ width: 25%; margin: 5px 0!important; padding: 0!important; display: block; float: left; } .new-footer .f-site-nav{ margin: 15px -5px 0 -5px; border-bottom: 1px solid #666; padding-bottom: 10px; } .new-footer .f-site-nav li{ width: 50%; padding: 5px; } .footer-f-link-list{ margin: 15px -5px 0 -5px; } .footer-f-link-list li{ padding: 5px; width: 33.333333%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis; } /* 其他账号登入 */ .btn-fb-login{ margin-top: 5px; margin-bottom: 5px; text-align: center; } .btn-twi-login{ text-align: center; } /* 事件中心按钮 */ .disputecenterpage-btn{ margin-bottom: 10px; } /* 联盟 */ .a-p-pc-show{ display: none; } .a-p-phone-show{ display: inline-block; } .a-p-references li{ margin-top: 5px; } .a-p-my-net-head .left-box{ display: none; } .a-p-my-net-head .right-box{ width: 100%; } /* Help */ .help-header .navbar-nav{ margin-right: 0; } .wel-big-title{ font-size: 20px; margin-top: 15px; margin-bottom: 15px; } .help-search-wrap{ width: 100%; } .help-search-wrap .search-in{ padding-left: 50px; } .help-search-wrap .search-btn{ display: none; } .help-search-wrap .search-in{ margin-bottom: 0; } .hep-btn-card{ padding: 15px 15px 15px 30px; height: 110px; margin-top: 10px; } .frequently-asked-questions{ margin-top: 50px; } .recent-articles{ margin-top: 30px; } .help-articles-wrap .bigtitle{ font-size: 22px; margin-top: 10px; margin-bottom: 25px; } .help-articles-list{ min-height: auto; margin-bottom: 30px; } .help-articles-list .b-title{ margin-bottom: 5px; font-size: 14px; font-weight: 700; font-family: Gothbold; } .help-articles-list .b-title a{ color: #3f404f; } .help-articles-list .b-title a:hover{ color: #f1453d; } .help-articles-list p{ font-size: 12px; color: #53535b; } .help-articles-list .red-line{ height: 12px; top: 2px; } .hep-btn-card strong{ font-size: 16px; font-family: Gothbold; font-weight: 700; } .help-article-list-page-wrapper h2{ font-size: 20px; } .help-article-list-page-wrapper .list-loop .b-title{ font-size: 14px; } .help-article-list-page-wrapper .list-loop .list-text li{ font-size: 14px; } .help-sidebar-list .big-title{ font-size: 18px; font-family: Gothbold; font-weight: 700; } .help-sidebar-list .h-s-l li{ font-size: 12px; } .other-help-wrap .bigtitle{ font-size: 20px; } .other-help-wrap .mediation-center{ margin-bottom: 30px; } .other-help-wrap .mediation-center strong{ font-size: 20px; margin-top: 5px; } .other-help-wrap .bootmenu-contact-us strong{ font-size: 20px; margin-top: 5px; } .help-sidebar-list .big-title{ margin-top: 30px; } .help-pages-ph .search-icon{ right: 10px; } .step-three-wrap .media .media-heading{ font-size: 14px; } .step-two-wrap .summtext{ font-size: 14px!important; } .article-show-wrap{ padding: 15px; font-size: 14px!important; } .article-show-wrap h1{ font-size: 18px; font-family: Gothbold; font-weight: 700; } .article-show-wrap h1 span{ font-size: 18px!important; font-family: Gothbold!important; font-weight: 700; } .article-show-wrap p{ font-size: 14px!important; } .article-show-wrap p span{ font-size: 14px!important; word-break: break-all; } .article-show-wrap .did-you-find-it-helpful{ background: none; border-top: 1px solid #e8e8e8; border-radius: 0; font-size: 12px; padding: 10px 0 0 0; } .article-show-wrap .did-you-find-it-helpful .btn{ margin-right: 0px; } .product-list-rows .media .media-body .media-heading{ word-break:break-all!important; } .w-sub-nav-wrap{ display: none; } .if-gold-page-product-photo-phone-none{ display: none; } /* 商品详情页 */ #product_deail .product_deailbox .deailleft .imgbox1{ min-height: 160px; height: 180px; } #product_deail .product_deailbox .deailleft .imgbox1 .pic-in{ height: 160px; } #product_deail .product_deailbox .deailleft .imgbox1 .pic-in img{ max-height: 160px; } #product_deail .product_deailbox .deailleft .xiaoimgbox img{ width: 55px; height: 55px; } #product_deail .product_deailbox .deailleft .denjituwen{ padding-left: 15px; padding-right: 15px; } #product_deail .product_deailbox .deailright .rightdeailheader .boxrightright{ background: #fafafc; border-radius: 3px; margin-bottom: 30px; flex-wrap: wrap; } #product_deail .product_deailbox .deailright .rightdeailheader .boxrightright .add-box{ width: 100%; padding: 15px; text-align: center; } #product_deail .product_deailbox .deailright .rightdeailheader .boxrightright .add-box .time_time{ display: inline-block; } #product_deail .product_deailbox .deailright .rightdeailheader .boxrightright .timebox .product_price{ width: 100%; } .product-choose-number-wrap .increase-btn{ left: auto; right: 5px; } #product_deail .product_deailbox .deailright .rightdeailheader .boxrightright .sellbox{ padding-left: 0px; display: flex; flex-direction: column; justify-content: center; width: 100%; text-align: center; padding: 0px 15px 15px 15px; } #product_deail .product_deailbox .deailright .rightdeailheader .boxrightright .sellbox .htitle{ font-weight: 500; } #product_deail .product_deailbox .deailright .rightdeailheader .boxrightright .sellbox .btn-danger-outline-new{ width: 20%; float: left; margin-right: 1%; } #product_deail .product_deailbox .deailright .rightdeailheader .boxrightright .sellbox .button_submit{ width: 79%; } /* Related searches */ .related-searches-wrapper{ display: none; } .related-searches-wrapper a{ width: 98.5%; } /* 其他本地支付 */ .other-local-payment-wrapper .btn{ margin-top: 0px; } .other-local-payment-wrapper .search-box-pad-l-r{ padding-left: 0px; padding-right: 0px; } /* 卖家更多产品分别在PC和PHONE显示或不显示 */ .more-offers-just-pc-show{ display: none; } .more-offers-just-phone-show{ display: block; margin-top: -20px; margin-bottom: 34px; } .more-offers-just-phone-show .more-offers{ width: 100%; position: relative; margin-bottom: 10px; background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#fff), to(#eeeeee));/*谷歌*/ border-top: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; border-radius: 3px; } .all-seller-quotations{ /*position: absolute;*/ /*left: 0;*/ /*margin-left: 15px;*/ /*margin-right: 15px;*/ font-size: 13px; } /* 产品列表页加上显示更多报价 */ .more-offers{ width: 190px; position: absolute; padding-left: 10px; padding-bottom: 5px; right: -1px; bottom: -30px; background: #e0e0e0; border: 1px solid #e0e0e0; border-radius: 0 0 0 20px; } /* 悬浮图片 */ .hover-picture{ width: 240px; max-height: 750px; position: fixed; margin-left: 0px; right: 0; bottom: 0px; z-index: 99999; top: auto; } .hover-picture .list-pic{ margin-bottom: 1px; } .p-list-row-usernone{ padding-top: 10px!important; } /* 产品列表页价格区间搜索 */ .product-list-price-search-wrap .price-drop-box{ left: -60px; } .product-list-rows .points-mar-top{ margin-top: 9px; margin-bottom: -20px; } /* Chat */ .chat_box_iframe{ width: 100%; margin-right: -100%; /*position: absolute;*/ /*right: -100%;*/ } /* 商品列表页 */ #product_list .product-nav .product-nav__list{ margin-left: -15px; margin-right: -15px; /*background: #f3f3f3;*/ /*IE 6 7 8*/ /*filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#f8f8f8,endColorStr=#eee);*/ /* IE 10 */ /*background: -ms-linear-gradient(top,#f8f8f8,#eee);*/ /* firefox */ /*background:-moz-linear-gradient(top,#f8f8f8,#eee);*/ /*Safari5.1 Chrome 10+*/ /*background: -webkit-linear-gradient(top, #f8f8f8, #eee);*/ /*Opera 11.10+*/ /*background: -o-linear-gradient(top, #f8f8f8, #eee);*/ background: #fff; padding: 7px 5px 4px 5px; } #product_list .product-nav .product-nav__list .product-nav__list-item{ /*border-right: 1px solid #e0e0e0;*/ /*border-left: 1px solid #fff;*/ /*border-bottom: 1px solid #eee;*/ /*margin-bottom: -1px;*/ padding: 5px 10px!important; /*IE 6 7 8*/ /*filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#f8f8f8,endColorStr=#eee);*/ /* IE 10 */ /*background: -ms-linear-gradient(top,#f8f8f8,#eee);*/ /* firefox */ /*background:-moz-linear-gradient(top,#f8f8f8,#eee);*/ /*Safari5.1 Chrome 10+*/ /*background: -webkit-linear-gradient(top, #f8f8f8, #eee);*/ /*Opera 11.10+*/ /*background: -o-linear-gradient(top, #f8f8f8, #eee);*/ font-family: 'Gothbold'; color: #2b2b2b; } #product_list .product-nav .product-nav__list .product-nav__list-item .product-nav__link .product-nav__title{ color: #2b2b2b; font-size: 14px; } #product_list .product-nav .product-nav__list .product-nav__list-item.active{ /*IE 6 7 8*/ /*filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#e0e0e0,endColorStr=#f8f8f8)!important;*/ /* IE 10 */ /*background: -ms-linear-gradient(top,#e0e0e0,#f8f8f8)!important;*/ /* firefox */ /*background:-moz-linear-gradient(top,#e0e0e0,#f8f8f8)!important;*/ /*Safari5.1 Chrome 10+*/ /*background: -webkit-linear-gradient(top, #e0e0e0, #f8f8f8)!important;*/ /*Opera 11.10+*/ /*background: -o-linear-gradient(top, #e0e0e0, #f8f8f8)!important;*/ border-bottom: 0; } #product_list .product-nav .product-nav__list .product-nav__list-item .product-nav__link .product-nav__title{ display: initial; } /* 商品列表页区间查询 */ .search-bar-mar-top{ margin-top: 20px; } .site-mail-header .text-none{ display: none; } .note_show_info{ display: block; background: #eaecf1; } .note_show_info:focus{ background: #eaecf1; color: #333; } .p-a-text-show-hide{ display: none; } /* Danger Tips */ .tips-info-danger{ margin-left: 0px; } .tips-info-danger .row .col-xs-1 img{ width: 35px; margin-top: -10px; position: absolute; left: 10px; } /* 列表页面当手机显示的时候 在显示内容前面显示标题 */ .display-only-phone{ display: inline-block; color: #717277; } /* 已退回代金券按钮 */ .btn-event-in{ position: absolute; right: 10px; } /* 我的代金券页面 */ .credits-log-pages-wrap .text-r{ text-align: left; } /* 手机版让购买按钮有点距离 */ .block-margin-top-px7{ margin-top: 7px; } /* 纠纷页面手机版 */ .dispute-page .order-group-btn .btn-default{ display: inline-table; } /* 公告的搜索框 */ .user-pages-in-search-wrap{ padding-top: 15px; } /* 只在网页显示 */ .show-only-Web{ display: none; } .show-only-phone{ display: inline-block; } /* 现金券 */ .money-box-box{ text-align: left!important; padding: 0!important; } .money-box-box .libox{ text-align: left!important; } .stock-list-info-page .event-box{ padding-left: 10px; padding-right: 10px; background: #fff; border-bottom: 1px solid #ddd; } .stock-manage-page .td-list li .row .tdbox{ margin-bottom: 5px; padding-left: 15px!important; } .stock-manage-page .td-list li .row .tdbox .game-category{ margin-top: 0px; display: block; } .stock-manage-page .td-list li .row .tdbox .just-phone-padding-left{ padding-left: 28px; } .stock-manage-page .td-list li .row .tdbox .just-phone-padding-left .left-box{ width: 25%; float: left; display: inline-block; } .stock-manage-page .td-list li .row .tdbox .just-phone-padding-left .right-box{ width: 75%; float: left; } .stock-manage-page .td-list li .row .tdbox textarea{ margin-bottom: 5px; } /* 库存列表放大缩小窗口按钮 */ .window-zoom-btn{ display: none; } .stock-manage-page .td-list li{ background: #fff; padding-left: 20px!important; padding-right: 20px!important; border-radius: 4px; } .modal-lg{ width: auto; } /* 库存管理 */ .is-phone-none{ display: none; } .is-phone-show{ display: inline-block; } .stock-manage-page .search-bar{ padding-left: 15px; padding-right: 15px; } .stock-manage-page .select2-container{ margin-bottom: 10px; } .stock-manage-page .td-list li{ padding-left: 15px; padding-right: 15px; } .stock-manage-page .td-list li:hover{ background: #e9e7ea; } .stock-manage-page .btn-group .btn-grey{ background: #f8f8f8; border: 1px solid #e0e0e0; border-radius: 4px; padding-left: 13px; padding-right: 13px; margin-top: 10px; } /* 库存列表页面 */ .stock-list-info-page .btn-group{ padding-left: 15px; padding-right: 15px; } /* 买家订单单号后面的DIV */ .d-h-m-d-box{ width: 100%; height: 30px; display: inline-block; } .d-h-m-d-box .one-btn{ /*left: -20px!important;*/ width: auto; text-align: center; text-align: center; display: table; left: 0; margin-left: 10px!important; } /* Sell Order 模态框手机版宽度 */ #dengdai_pay .motaikuang.upload_screenshots .motaikuangbody{ width: 95%; } /* 产品列表页加上分裂标签链接 */ .product-page-tag-link-bar .btn-danger{ border-radius: .2rem; margin-bottom: 3px; } .product-page-tag-link-bar .btn-warning{ border-radius: .2rem; margin-bottom: 3px; } .is-show-tag-chick{ position: initial; width: 100%; } /* 提现记录列表 */ .tx-title-show{ display: none; } .tix-info-list-wrap .text-phone-show{ display: inline-block; } .tix-info-list-wrap li .label{ border-radius: 4px!important; } /* 购买者名字最大宽度 */ .text-name-in-max{ display: inline-block!important; max-width: 100%; /*white-space:nowrap;*/ /*overflow:hidden;*/ /*text-overflow:ellipsis;*/ word-break: break-all; width: 100%; text-align: center; display: inline-block!important; } /* 支付成功的跳转展示页面 */ .pay-success-prompt-page .right-box{ padding: 30px; } /* 管理列表提示显示滚动条 */ .string_fee::-webkit-scrollbar-track-piece { background-color: rgba(0, 0, 0, 0); border-left: 1px solid rgba(0, 0, 0, 0); } .string_fee::-webkit-scrollbar { width: 5px; height: 13px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .string_fee::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; min-height: 28px; } .string_fee::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, 0.5); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /* 买家卖家订单列表 */ .order-info-list-wrap table tbody tr{ /*background: #f2f2f2!important;*/ } .order-info-list-wrap thead tr{ background: #f1eff5!important; } .order-info-list-wrap .order-close-bg tbody tr{ background: #f2f2f2!important; } .order-info-list-wrap .table-responsive{ border: 0; } /* Chat Now */ .chat-now-new-show{ /*position: absolute;*/ /*right: 25px;*/ } /* 登录后会员SELL ORDER */ .page-search-order-wrap .pad-left-and-right-none{ padding-left: 0; padding-right: 0; } .page-search-order-wrap .phone-btn{ margin-top: 15px; margin-bottom: 15px; } .page-search-order-wrap .nav-pills>li>a{ margin-bottom: 2px; } /* 订单信息详细下面的留言 */ #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .deailfooter{ padding-left: 10px; } #dengdai_pay .sellmain .paydan .headerpay2{ position: relative; } /* 手机不显示 */ .phone-hidden-in{ display: none; } /* 产品列表页底部新闻 */ .product-list-pages-game-news{ display: none; } /* 产品列表页购买数量 */ .product-list-rows .thisinputbox input{ text-align: center; } .product-list-rows .thisinputbox .subtract-btn{ left: 1px; top: 4px; height: 28px; line-height: 26px; } .product-list-rows .thisinputbox .increase-btn{ right: 0px; top: 5px; height: 28px; line-height: 26px; } /* 手机版模态框 */ .motaikuang .motaikuangbody, .motaikuangjs .motaikuangbody{ width: 90%; } /* 购买详情 */ #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .trade__action .rightbox{ margin-left: 3px; margin-right: 3px; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .trade__action{ padding-bottom: 0!important; } /* FAQ页面图标 */ .account_content table tr .et2 img{ max-width: 50px!important; max-height: 50px!important; } /* 兑换积分 */ .redeem-points-card .points-pic{ display: none; } .redeem-points-card .points-wrap{ width: 100%; } /* 聊天加入常用用语 */ .chat-common-drop-wrap{ min-width: 30.2rem!important; font-size: 12px; width: 100%!important; left: -60px; } .chat-common-drop-wrap .nav-tabs{ width: 36%; min-height: 340px; background: #eee; float: left; } /* 手机下不显示 */ .phone-this-hidden{ display: none; } /* 订单页面 */ #dengdai_pay .sellmain .paydan .headerpay2{ padding: 15px 10px 15px 10px; } #dengdai_pay .sellmain .paydan .headerpay2 .headerright{ position: absolute; top: 5px; left: 10px; } .danhao .textbox1{width: 70%; float: left; font-size: 16px!important;} .headerleft .textbox2{ /*position: absolute; */ right: 20px; } .contact-line{position: absolute; right: 10px; padding-left: 5px!important; padding-right: 5px!important;} /* 会员登入后下拉菜单 */ .home_header .language_currency .libox.login_after .denglutankuang{ right: -15px; } /* Top Bar Chat */ .gd-chat-icon{ fill: #28a1ee; font-size: 23px; margin-top: 1px; margin-top: 3px; } .yh-account-icon{ font-size: 21px; } .dd-chat-icon{ fill: #22b8c1; font-size: 22px; margin-top: 3px; } /* Step */ .step-wrap-in{display: none;} /* User */ .c-e-wrap{top: 0;} /* Member BG */ #historical .complete_info{ background-size: 2000px 800px; } #historical .complete_info .person_box .left .imgfilebox{ width: 110px; height: 110px; flex-shrink: 0; } /* Top Nav */ .breadcrumb-nav .banntext{ display: none; } /* Dashboard Menu */ .waterfall{margin-top: -30px; column-count:1;} .wate-column{} .my-dashboard{margin-bottom: 0;} .my-dashboard .panel{margin-bottom: 0;} /* 手机版的菜单分类 */ .home_header_bottom .header_bottom_box .classification .menu .menu2 { /*border-left: 1px solid #ECECF0;*/ /* 20203-25 new */ background: #fff; /*margin-left: -201px; z-index: 999;*/ position: absolute; left: 0; width: 100%;/* 手机二级菜单 */ box-shadow: 5px 5px 12px #ccc; top: 0; } .home_header_bottom .header_bottom_box .classification .menu .menu1 .libox, .home_header_bottom .header_bottom_box .classification .menu .menu2 .libox{ padding-left: 25px; } .home_header_bottom .header_bottom_box .classification .menu .menu1 .libox:hover, .home_header_bottom .header_bottom_box .classification .menu .menu2 .libox:hover{ background: #fff; } /* 菜单里加入搜索 */ .menu-in-search-wrap{ width: 100%; height: 50px; position: absolute; padding: 10px 10px 0px 20px; left: 0; top: 0; display: block; } /* 菜单返回按钮 */ .go-fl-back{ display: block; } /* Active Offers Tips */ .ao-tips{ display: block; } .ao-tips2{ background: #fcf9e5; padding: 10px; border-radius: 5px; margin-bottom: 15px; color: #b22600; /*position: relative; width: 100%; right: 0; top: -10px;*/ margin-top: -15px; } .ao-tips2 a{ text-decoration: underline; } .ao-tips2 a:hover{ text-decoration:none; } /* 会员订单SOLD ORDERs */ #pay_diandan .sellmain .paydan .navshenhei{ padding: 10px 0px; } #pay_diandan .sellmain .paydan .navshenhei .libox{ margin-left: 1px; margin-right: 1px; margin-bottom: 2px; } /* 面包屑右侧的文字手机版本不显示 */ .sell-nav-right-text-none{ display: none; } /* FAQ页面宽度撑开 */ .problem_main .problem_main_right .account_box{ width: 100%!important; padding: 20px; } .problem_main .problem_main_right .account_box .account_title{ line-height: 20px; } /* Tips ad */ .tips-bar-wrap{ height: auto; padding: 10px; border-bottom: 10px solid #f7f7fa; } /* 面包屑 */ .site-b-menu{ height: 23px; /*background: #ececec!important;*/ padding-top: 0px; border-bottom: 1px solid #de2a25; background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#eee), to(#e0e0e0))!important; } .site-b-menu .breadcrumb li a{ color: #7a7a7a; } .only-brea-nav .site-b-menu .breadcrumb li a{ color: #7a7a7d; } .site-b-menu .breadcrumb{ padding: 0px 0; position: relative; top: 9px; } /* 商品分类页TOP 顶部信息包含面包屑 */ #product_list .banner .banner__content{ top: calc( 50% - 1px ); } /* 表单只在手机有间距 */ .phone-input-margin-boot{margin-bottom: 30px;} /* 手机里按钮里面的文字可以换行 */ .register-info-wrap .btn{ white-space: normal; } /* 面包屑判断某些页面是否显示 */ .breadhidden{ border-bottom: 0; } .breadhidden .site-b-menu{ /*display: none;*/ } #product_list .breadhidden .banner__content{ top: calc( 50% - 28px ); } .breadhidden img.bannertu{ /* min-height:100px!important; */ } .relativeLinks{ display: none!important; } .relativeLinks .game-product-menu{ /*margin-bottom: 2px;*/ margin-bottom: 0px; } .g-t-l-in img.bannertu{ min-height:100px!important; } .g-t-l-in .banner__content{ top: calc( 50% - 45px )!important; } /* Create Listing 页面游戏详情切换 */ .page-p-d-wrap{} .page-p-d-wrap .nav-tabs{ margin-left: 0px; } /* 扫码支付 */ .qrcode_show_wrap .modal-dialog{ margin:10px; } /* 优惠券搜素 */ .m-c-l-s-wrap{ padding-top: 5px; padding-bottom: 5px; padding-left: 15px; height: auto; } .m-c-l-s-wrap .col-xs-12{ margin-top: 5px; padding-left: 15px!important; } /* 装备页面的菜单左右箭头 */ #product_list #equipment .equipment_box .anniua { display: block!important; z-index: 9999; background: #fff; border-radius: 50px; border: 1px solid #e1251b; font-size: 20px; } #product_list #equipment .equipment_box .anniua.anleft{ left: -12px; } #product_list #equipment .equipment_box .anniua.anright{ right: -12px; } #product_list #equipment .equipment_box .hidden{ display: block!important; } /* 只在PC端显示元素 */ .only-pc-show-in{ display: none; } /* 注册第三步里面说明文字换行 */ .registermain .wenben{ word-wrap: break-word; } /* 商品列表页的搜索 */ .catpage-srarch{ width: 100%; position: relative; margin-left: 0; margin-bottom: 20px; } /* SUB子分类 */ .sub-pic-menu-wrap li{ width: 25%; } /* @@@@@@@@@@@@@@@ 20205 新版商品列表页排列 @@@@@@@@@@@@@@ */ .product-list-rows{ padding-top: 60px; position: relative; padding-left: 10px; padding-right: 10px; /*overflow: hidden;*/ padding-bottom: 5px!important; } .product-list-rows .phone-show-userinfo{ height: 45px; position: absolute; top: 8px; left: 0px; border-bottom: 1px solid #e0e0e0; padding-left: 10px; padding-right: 10px; z-index: 1; } .product-list-rows .phone-show-userinfo .media .media-left .user-photo{ max-width: 30px; height: 30px; } .product-list-rows .phone-show-userinfo .media .media-body .user-level-icon{ max-width: 14px; margin-top: -22px; } .product-list-rows .phone-show-userinfo .user-stars{ position: absolute; top: 0; padding-left: 39px; } .product-list-rows .phone-show-userinfo .user-stars .u-info li{ margin-left: 0px; margin-right: 10px; } .product-list-rows .phone-show-userinfo .level-move-right-top{ position: absolute; top: 10px; right: 90px; width: 90px; text-align: right; } .product-list-rows .phone-show-userinfo .media-heading .certified-icon-wrap{ } .product-list-rows .phone-show-userinfo .media-heading .certified-icon{ color: #fff!important; margin-top: 2px; } .product-list-rows .phone-show-userinfo .media-list{ position: relative; z-index: 999; } /* Media Body */ .product-list-rows .media{ } .product-list-rows .media .media-left .product-photo{ max-width: 80px; } .product-list-rows .jubao{ width: 100px; text-align: right; position: absolute; left: 70%; top: 45px; display: none; } .product-list-rows .complain-this-product{ } .product-list-rows .media .media-body .media-heading .user-name{ width: auto; } /*.product-list-rows .media .media-body h2{*/ /* display: none;*/ /*}*/ .product-list-rows .media .media-body .more-btn{ margin-top: 0; display: none; } .product-list-rows .light-grey-text{ /*position: absolute;*/ bottom: -22px; width: 320px; text-align: right; white-space: nowrap; line-height: 30px; } .product-list-rows .this-product-info{ height: 20px; /*position: absolute;*/ /*margin-left: 82%; text-align: right;*/ color: #9291a0; } .product-list-rows .t-p-i-xy1{ z-index: 2; /*top: 3px;*/ bottom: -24px; } .product-list-rows .t-p-i-xy2{ z-index: 2; /*bottom: -24px;*/ top: 6px; } .product-list-rows .productprice{ padding-top: 0; position: absolute; /*left: -90%;*/ right: 15px; font-size: 28px; top: -10px; /*padding-top: 8px;*/ } .product-list-rows .btn-danger{ margin-top: 15px; } .product-list-rows .thisinputbox{ /*margin-top: 33px;*/ position: relative; } /* 用户级别 */ .product-list-rows .media .media-body .imgboxdengji{ position: relative; width: 18px; top: -9px; } .product-list-rows .media .media-body .imgboxdengji img{ width: 14px; } /* 手机版商品图小一点 */ .product-list-rows .media .media-left .picbox-wrap{ width: 80px; height: 55px; } .product-list-rows .media .media-left .picbox{ width: 80px; height: 55px; } .product-list-rows .media .media-left .picbox img{ max-width: 80px; max-height: 55px; } /* 商品属性 */ .product-list-rows .media .attribute li span{ width: 40%; } .product-list-rows .media .attribute li span:nth-child(2){ width: 60%; } /* 去掉外围BOX的左右padding */ .just-phone-romove-padding{ padding-left: 15px!important; padding-right: 15px!important; } /* 手机版投诉下拉文字居左 */ .product-list-rows .selectall .ulbox .ulboxzi .libox{ text-align: left; } /* 订单里面的表格滚动条颜色 */ .table-responsive{ position: relative; } .table-responsive::-webkit-scrollbar-thumb{ -webkit-box-shadow: inset 0 0 5px rgba(224,36,27,0.9); background: rgba(224,36,27,0.9); } /* 提示用户可以左右滑动 */ .this-touch-l-r{ display: block; width: 40px; height: 40px; position: absolute; right: 60px; top: 5px; font-size: 35px; color: #ffe400; } .s-a-d-wrap-in{ height: 45px; } /* 用户名独占一行 */ .name-block-in{ /*width: 100%;*/ display: block; padding-left: 6px; padding-bottom: 5px; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .trade__action .rightbox .span{ margin-right: 2px; } #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .trade__action .leftbox .wenbenbox .wenben1{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 60px; } /* 订单里面左右滑动里面表格的图标变形 */ .table-responsive .table .imgbox img{ max-width: none!important; width: 29px!important; height: 29px!important; } /* 订单页面按钮间距 */ #dengdai_pay .sellmain .paydan .deailtable .deailxinxi .trade__action .rightbox{ padding-left: 5px; padding-right: 5px; } /* 商品列表页ACTIVE手机版加个选中勾子 */ #product_list .product-nav .product-nav__list .product-nav__list-item.active{ } #product_list .product-nav__list-item.active{ background: #fff!important; } /* 商品列表页的下来和搜索 */ #product_list .dynamic-filter .searchbox .leftbox, #product_list .dynamic-filter .searchbox .rightbox{ width: 100%; margin-right: 0; } /* 商品列表页手机版下来选单左对齐 */ #product_list .dynamic-filter .searchbox .wenben{ text-align: left; } /* 没有商品图时候的属性样式 */ .two_pro .media .attribute li span{ width: 30%; } .two_pro .media .attribute li span:nth-child(2){ width: 70%; } /* 手机里面不要查看更多 */ .product-list-rows .more-chick-show-in{ display: none; } /* 手机版我的商店BANNER图不显示 */ .person_index .person_henfu{ display: none; } /* 购物车页面列表 */ .check-list-wrap-flex{ display: inherit; } /* 魔兽菜单图 */ .wowpicnav{ display: none; } .wowpicnav div{ padding-left: 10px; padding-right: 10px; } /* 商品列表页的下拉选框 */ #product_list .selectall{ min-width: 240px; margin-right: 0; } #product_list .dynamic-filter .searchbox .wenbennew{ width: auto!important; } /* 购物车列表 */ .shopping-cart-wrap .head-font-size-md{ display: none; } .check-list-delbtn{ position: absolute; bottom: 0px; right: 5px; } .check-list-box-flexin .input-sm{ max-width: 90px; margin-left: -30px; margin-top: 3px; } /* 判断如果是购物车页面手机版下的按钮 */ .switchforphone .btn-danger{ margin-top: 5px!important; margin-bottom: -10px!important; } .switchforphone .addcart-btn{ margin-top: 16px!important; height: 35px; } .switchforphone .addcart-btn svg{ font-size: 15px!important; } .switchforphone .light-grey-text{ bottom: -22px!important; } .switchforphone .btn-danger{ padding-left: 10px; padding-right: 10px; font-size: 16px; } /* 我的店铺 */ .head-phone-none{ display: none; } .my-store-page-product-list-wrap .flex-in{ flex-wrap: wrap; } .my-store-page-product-list-wrap .flex-in .flex-col{ flex-wrap: wrap; } /* 后台订单页面新增 */ .page-search-order-wrap .form-group{ margin-bottom: 0!important; } .page-search-order-wrap .m-top-xs-in{ margin-top: 0!important; } /* 新的订单列表排版 */ .order-info-list-wrap .td-width1{ width: 100%; word-break:break-all; } .order-info-list-wrap .td-width2{ width: 40%; text-align: center; padding-top: 5px!important; padding-bottom: 5px!important; } .order-info-list-wrap .td-width3{ width: 40%; text-align: center; padding-top: 5px!important; padding-bottom: 5px!important; } .order-info-list-wrap .td-width4{ width: 40%; text-align: left; padding-top: 5px!important; padding-bottom: 5px!important; } .order-info-list-wrap .td-width5{ width: 40%; text-align: center; padding-top: 5px!important; padding-bottom: 5px!important; } .order-info-list-wrap .headbar{ display: none; } .order-info-list-wrap .o-head{ padding:10px 5px!important; font-size: 11px; display: flex; width: 100%; } .order-info-list-wrap .o-head span:nth-child(2){ display: inline-block; margin-left: auto; } .new-order-list-product .textbox{ padding-left: 0; } .order-info-list-wrap table tbody tr td{ padding-top: 5px!important; padding-bottom: 5px!important; } #pay_diandan .sellmain .paydan .order-info-list-wrap table thead th{ display: inline-block!important; } /* About Page */ .top-bigbann .text-box .flex-wrap .about-logo{ width: 150px; margin-top: 30px; } .top-bigbann .text-box .flex-wrap .bigtitle{ font-size: 13px; padding-top: 10px; text-align: center; } .about-card-in{ margin-bottom: 10px; } .about-card-in .box1{ font-size: 40px; } .about-card-in .box2 .text{ padding-top: 9px; } .about-page-about-text{ padding-top: 35px; } .about-page-about-text p{ width: 100%; } .about-page-value-text{ padding-top: 10px; } .about-page-about-text{ padding-bottom: 20px; } .about-page-value-text .title{ padding-top: 15px; } .about-page-choose-text{ background-size: 1000px 1400px; } .about-page-choose-text .round-color-block{ margin-bottom: 10px; padding: 67px 0 45px 0; } .page-phone-none-in{ display: none; } .about-m-top-md-px30{ margin-top: 15px; } /* Contact Page */ .contact-page-wrap .social-icon-1{ width: 100%; background: #3c5a96; color: #fff; padding: 5px; display: block; border-radius: 50px; font-size: 22px; margin: auto; } .contact-page-wrap .social-icon-2{ width: 100%; background: #e32524; color: #fff; padding: 5px; display: block; border-radius: 50px; font-size: 22px; margin: auto; } .contact-page-wrap .social-icon-3{ width: 100%; background: #000; color: #fff; padding: 5px; display: block; border-radius: 50px; font-size: 22px; margin: auto; } .contact-page-wrap .social-icon-4{ width: 100%; background: #55acee; color: #fff; padding: 5px; display: block; border-radius: 50px; font-size: 22px; margin: auto; } .managelist-btn-wrap{ width: 100%; } /* All Product */ #pl-newstyle .popular_box{ display: block; } #pl-newstyle .popular_left{ width: 100%; padding-left: 0; padding-bottom: 10px; } #pl-newstyle .popular_right{ width: 100%; } .table-list-media .text-sky{ min-width: auto; } .product-page-qtysearch-wrap{ /*display: grid;*/ display: flex; } .product-page-qtysearch-wrap .flex_between{ margin-left: auto; padding-top: 5px; } .product-page-qtysearch-wrap .page-qty-wrap{ width: 90%; position: absolute; left: 15px; top: 10px; } .product-page-qtysearch-wrap .page-qty-wrap .input-box{ width: 115px; } /* Sell Page */ .r-type-wrap{ padding-left: 20px; padding-right: 20px; margin-top: 25px; } /* 搜索页面菜单加上箭头 */ .s-page-nav-left-arrow-btn{ position: absolute; left: 2px; top: 33px; font-size: 25px; color: #e1251b; display: block; } .s-page-nav-right-arrow-btn{ position: absolute; right: 2px; top: 33px; font-size: 25px; color: #e1251b; display: block; } .step-pages-in{ padding-top: 0px!important; } #dengdai_pay .sellmain .paydan .button_submit_box.confirm_change .count_change{ min-width: 144px; } .language-and-currency-wrap{ /*float: left!important;*/ width: 100%; } .language-and-currency-wrap .btn-group{ /*float: left; margin-right: 10px;*/ width: 100%!important; } .language-and-currency-wrap .btn-group button{ width: 100%!important; } .goog-te-gadget .goog-te-combo{ /*margin-top: 0px!important;*/ width: 100%!important; } .footer-support-payment{ padding-top: 20px; padding-bottom: 20px; } .page-search-order-wrap .labeltext{ height: auto; } #pay_diandan .sellmain .paydan table tbody tr td:first-child{ min-width: auto; } .product-details-page-description-title{ margin-bottom: -11px; } /* lee foot */ .problem_footer .footer_nav .navbox .nav_li{ display: inline-block; margin-top: 5px; margin-bottom: 3px; } .problem_footer .footer_nav .language_change{ width: 100%; margin-top: 5px; } .tab-navs-new .nav>li>a{ padding-left: 15px; padding-right: 15px; } .my-store-search-wrap input{ margin-bottom: 10px; } .my-store-search-wrap .select2-container{ margin-bottom: 10px; } .product-pic-link-tag{ width: 31%; margin-right: 5px; } .p-d-pages-line-bg-white .baogaoqingdan{ position: absolute; bottom: 5px; right: 30px; } .p-d-pages-sidebar-line-wrap .buttonbox{ padding-left: 10px!important; padding-right: 10px!important; } .p-d-pages-sidebar-line-wrap .buttonbox .btn{ /*padding: 10px 16px!important; font-size: 24px!important;*/ } .p-d-pages-sidebar-line-wrap .buttonbox .product-pages-modal-show-btn{ padding: 10px 16px!important; font-size: 24px!important; display: none; } #pay_ment .paypal_pay .jianchanbox1170 .buttonbox button{ margin-top: -10px; margin-left: 10px; font-size: 16px; padding-top: 8px; padding-bottom: 8px; } #pay_ment .paypal_pay .jianchanbox1170 .buttonbox a:nth-child(2){ /*margin-top: -10px;*/ } .yiping-btn{ position: absolute!important; top: -55px!important; right: 6px !important; display: block; white-space: nowrap; } /* end */ .loans .loans_header, .loans .padding_anther{ padding-left: 10px; padding-right: 10px; } .loans .loans_header .h1_title{ font-size: 18px; } } @media only screen and (max-width: 399px) { .home_header .language_currency .libox.login_after .denglutankuang{ right: -15px; } /* 用户名只在手机模式下显示 */ .just-phone-show-name{ padding: 15px 0px 5px 0px; border-bottom: 1px solid #eee; display: block; } /* Dashboard Menu */ .waterfall{ column-count:1 } .my-home-top-wrap .money-box{margin: 0 auto; padding: 30px;} .my-home-top-wrap .complete_price{ } .my-home-top-wrap .complete_price .libox{ } /* Tips ad */ .tips-bar-wrap{ height: auto; padding: 10px; border-bottom: 10px solid #f7f7fa; } } /* New Menu */ /* 游戏分类页面的广告位 */ .product-list-page-poppic img{ width: 100%; } /* 输入优惠券 */ .counpon-apply-btn{ border: 0!important; padding: 0!important; } .counpon-apply-text{ margin-top: 30px; } /* 创建列表页面的上传和下载按钮 */ .page-up-and-down-btn-wrap{} .page-up-and-down-btn-wrap .btn-warning{ background: #f2f3f5; color: #535f70!important; border-radius: 3px!important; border: 0; } .page-up-and-down-btn-wrap .btn-warning:hover{ background: #eeeff1; } .page-up-and-down-btn-wrap .btn-success{ background: #f2f3f5; color: #535f70!important; border-radius: 3px!important; border: 0; } .page-up-and-down-btn-wrap .btn-success:hover{ background: #eeeff1; } .page-up-and-down-btn-wrap .btn-tips{ background: #fff; box-shadow: none!important; } .page-up-and-down-btn-wrap .btn-tips:hover{ color: #2b2b36; } .page-up-and-down-btn-wrap .btn-tips:hover, .btn-tips:focus, .btn-tips.focus{ color: #2b2b36!important; outline: none; } .page-up-and-down-btn-wrap .wenhaobtnnew{ color: #2B2B36; } .page-up-and-down-btn-wrap .wenhaobtnnew:hover{ color: #2B2B36!important; } /* 上传模态框 */ .update-excel-modal-wrap .btn-file{ position: relative; overflow: hidden; } .update-excel-modal-wrap .btn-file .file-up{ position: absolute; left: 0; top: 0; height: 40px; line-height: 40px; opacity:0; } .update-excel-modal-wrap .modal-header{ background: #f1f2f4; } /* 上传表格返回页面 */ .upload-list-excel-wrap{} .upload-list-excel-wrap .btn-default{ background: #f8f8f8; border:1px solid #e0e0e0; color: #999; font-weight: bold; } .upload-list-excel-wrap .page-font-size-lg-icon{ font-size: 50px; margin-bottom: 10px; } .upload-list-excel-wrap .zqicon{ font-size: 40px; vertical-align: -0.38em; color: #47b632; margin-right: 10px; } .upload-list-excel-wrap .sm-text{ color: #8190a3; font-size: 14px; } .upload-list-excel-wrap .re-up-btn{ position: relative; overflow: hidden; } .upload-list-excel-wrap .re-up-btn .file-btn{ position: absolute; left: 0; top: 0; height: 50px; width: 100%; opacity:0; } .u-l-e-w-tips{ background: #fff!important; color: #7f8ea2!important; border-radius: 4px; border-left: 4px solid #2592d6!important; border-right: 0!important; border-top: 0!important; border-bottom: 0!important; font-size: 14px; } .upload-excel-jl-list li{ color: #848990; padding-bottom: 15px; padding-top: 10px; border-bottom: 1px solid #eee; word-wrap: break-word; } .upload-excel-list-nav>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{ border-top: 2px solid!important; font-weight: normal; } .upload-excel-list-nav.my-dashboard-main .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{ color: #000; } /* 2021 new */ .container{ width: 1344px; } .container_box { max-width: 1344px; } .jianchanbox1170 { max-width: 1344px; } .person_account .midsection { max-width: 1344px; } @media (max-width: 1300px) { .container{ width: 100%; } .container_box { max-width: 100%; } .jianchanbox1170 { max-width: 100%; } .person_account .midsection { max-width: 100%; } } body{ top: 0!important; }