html { overflow-x:hidden; overflow-y:scroll } body { color:#333; font:12px/1.4 '\5FAE\8F6F\96C5\9ED1','microsoft yahei',"??¨§?",Arial,sans-serif; background:#f5f5f5; -webkit-font-smoothing:antialiased } * { margin:0 auto } #eval,#searchtype,.Big-ICheckbox i,.Big-IRadio i,.ICheckbox i,.IRadio i,.api_login a,.c_g_ser span,.c_s_info a,.c_s_name .avatar,.certification i,.claims_ico,.d_g_menu .post,.d_g_menu .replay,.d_s_pess strong,.empty i,.file-panel i,.filelist .icon,.fixed-cart-list .more i,.fixed-cart-list center i,.fixed-click .refresh i,.fixed-tab .i i,.footer-gt dl dt,.gdlist dt,.i2 .l4 a,.icons,.index_tab i,.info2 i,.insert .pic i,.insert .pic strong,.layui-form-cart,.list_tab .l4,.login_btn,.login_right ul span,.mb-action-a,.nature span,.nav a,.notes h3,.outsideb,.preNext,.rank_shop i,.ranking-box dd i,.reg_btn,.reg_left ul div,.released i,.reply .u1 span,.reply input,.rl_top span,.s_list li a,.scoreLeft .mask,.screen_name i,.search i,.share-a,.slist .l4 a,.sms_start ul span,.sort_checkbox i,.sort_select i,.steps .right,.tab-hd span.active,.tdel,.tkey a,.toplink a,.ubar div ol,.ubar i,.uhead .ugg i,.uim .phone a,.uim .phone p,.uim .qq a,.uim .qq p,.uim .wechat a,.uim .wechat p,.uleft i,a.login_icon { background:url(../images/focus2018.png) no-repeat } ul { list-style-type:none; margin:0; padding:0 } li { list-style-type:none } a { color:#333; text-decoration:none; cursor:pointer } label { cursor:pointer } cite,em,i { font-style:normal } .hide { display:none } .gray { color:#999 } .red { color:red } .blue { color:#00f } .orange { color:#f60 } .green { color:#3a933a } .yellow { color:orange } .black { color:#000 } .white { color:#fff } .left { float:left } .right { float:right } .center { text-align:center } .b { font-weight:700 } img { border:0 } input { outline:0; background:0 0 } input:-webkit-autofill { -webkit-box-shadow:0 0 0 1000px #fff inset } .f12 { font-size:12px } .va-3 { vertical-align:-3px } .va-2 { vertical-align:-2px } .va-1 { vertical-align:-1px } .va { vertical-align:0 } .mt10 { margin-top:10px } .mt15 { margin-top:15px } .clear { clear:both } .clearfix:after { content:""; height:0; visibility:hidden; display:block; clear:both } .clearfix { zoom:1 } .fixed { position:fixed; z-index:999 } .ad { text-align:right; overflow:hidden; margin-top:7px; width:1190px } .ad img { border:#d0d0d0 solid 1px } .ad #idc { margin-left:6px } .ad1 { text-align:center } .ad2 { text-align:center; overflow:hidden; border:#d9d9d9 solid 1px; margin-top:5px; width:1188px; height:60px } .ad3 { text-align:right; margin-bottom:6px; border:#eee solid 1px; height:40px; clear:both } .ad3 img { margin:0 0 0 5px } .ad4 { float:left; overflow:hidden; margin-top:5px; width:942px } .ad4 img { border:#d0d0d0 solid 1px } .ad4 #idc { margin-left:6px } .ad210 { float:left; overflow:hidden; margin:10px 0 0 0; width:210px; height:210px; border:#AAD0E7 solid 1px } .header { background:#fff; box-shadow:0 2px 8px 0 rgba(0,0,0,.06) } .main { width:1190px } .top_box { color:#7a7a7a; height:30px; background:#F5F5F5; border-bottom:#eee solid 1px } .top_box a { color:#666 } .top_box a:hover { color:#f60 } .top li { float:left; margin-left:-1px; z-index:0; position:relative } .top li.curr { z-index:100 } .top li.not { line-height:30px } .top li.arrow .T_a { padding-right:20px } .top .T_a { float:left; padding:0 10px; display:block; line-height:30px; height:42px; text-align:center; position:relative; z-index:100; border-bottom:none; border-top:none } .top .T_a .arrow { border-color:#898989 transparent transparent; border-style:solid solid solid; border-width:4px 4px 0; font-size:0; height:0; width:0; line-height:0; top:14px; right:7px; display:inline; -webkit-transition:.25s ease-in; -moz-transition:.25s ease-in; -o-transition:.25s ease-in; transition:.25s ease-in; position:absolute } .top .T_a .number { color:#ff6a00; font-weight:700; padding:0 2px } .top .curr .T_a { background:#fff; border-color:#DDD } .top .curr .T_a .arrow { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg) } .top .change_div { display:none; background:#fff; position:absolute; font-size:13px; text-align:left; -moz-box-shadow:0 0 6px rgba(0,0,0,.2); -webkit-box-shadow:0 0 6px rgba(0,0,0,.2); box-shadow:0 0 6px rgba(0,0,0,.2); left:0; top:30px } .top .change_div.r { right:0; left:auto } .top .curr .change_div { display:block } .top_manage { width:390px; padding:0 6px 15px 14px } .top_manage dl { float:left; display:inline; margin:0 8px; width:114px; overflow:hidden } .top_manage dt { height:18px; line-height:18px; padding:20px 0 5px; color:#fe7710; font-weight:700 } .top_manage dd a { display:block; height:28px; line-height:28px; border-bottom:1px dashed #ededed; color:#333 } .top_manage dd a:hover { color:#f60 } .top_manage dd a strong { color:#555 } .top_login { width:125px; padding:10px 0 10px 10px } .top_login a { line-height:20px; height:21px; margin:8px 0; padding:0 0 0 25px; color:#000 } .top_login a:hover { color:#000 } .top_user { background:#fafafa } .top_user dt { line-height:18px; font-size:12px; width:250px; margin:10px; padding-bottom:10px; float:left; border-bottom:1px #eee solid } .top_user img { -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; float:left; width:60px; height:60px; border:1px #eee solid; padding:1px } .top_user dt p { width:100%; float:left; margin:0 0 4px 0 } .top_user dt span { width:175px; float:right } .top_user dt a,.top_user dt a:hover { color:#247FBD } .top_user dt a.money,.top_user dt a.money:hover { color:#f60 } .top_user dt a:hover { text-decoration:underline } .top_user dt em { float:left } .top_user dt input { float:right; line-height:18px; height:20px; background:#FFF8F1; border:1px solid #FDBFA0; padding:0 7px; cursor:pointer; color:#FF8432 } .top_user dt input:hover { border-color:#FFAE85; background:#FEF0E3 } .top_user dt input.sign { background:#f1f8ff; border-color:#A7CBEC; color:#2789ed } .top_user dt input.sign:hover { background:#E2F0FE; border-color:#8fb9df } .top_user dt input.signsuc { border:1px solid #e6e6e6; background:#FBFBFB; color:#C9C9C9 } .top_user dd { text-align:center; float:left; width:270px } .top_user dd a { float:left; width:24.5%; margin:0 0 10px 0; color:#888; overflow:hidden } .top_user dd i { display:block; height:30px; overflow:hidden; font-size:23px; -webkit-text-stroke-width:0 } .top_user .logout { border-top:1px #ddd solid; float:left; width:100%; padding:8px 0; text-align:center; background:#f5f5f5; font-size:14px; font-weight:700; color:#666 } @font-face { font-family: 'iconfont'; /* project id 155938*/ src: url('//at.alicdn.com/t/font_155938_qwx130txxwm.eot'); src: url('../fonts/font_155938_qwx130txxwm.eot') format('embedded-opentype'), url('../fonts/font_155938_qwx130txxwm.woff') format('woff'), url('../fonts/font_155938_qwx130txxwm.ttf') format('truetype'), url('../fonts/font_155938_qwx130txxwm.svg#iconfont') format('svg'); } .verify { font-family:iconfont; font-size:24px; color:#247fbd } .iconfont { font-family:iconfont; font-size:16px; -webkit-font-smoothing:antialiased; -webkit-text-stroke-width:.2px } a.login_icon { float:left; filter:alpha(opacity=60); -moz-opacity:.6; -khtml-opacity:.6; opacity:.6 } a.login_icon:hover { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 } a#qq { background-position:-303px -225px } a#baidu { background-position:-303px -248px } a#sina { background-position:-303px -272px } a#wechat { background-position:-303px -320px } a#alipay { background-position:-303px -297px } a#huzhan { background-position:-303px -344px } .s_list .uim .qq a { padding: 7px 0 4px 22px; } .s_list .uim .wechat p { padding: 7px 0 4px 22px; } .s_list .uim .phone p { padding: 7px 0 4px 22px; } .uim .qq a,.uim .qq p { background-position:-306px -85px; padding:0px 0 0px 22px; cursor:pointer } .uim .wechat a,.uim .wechat p { background-position:-306px -134px; padding:0 0 0 22px; cursor:pointer } .uim .phone a,.uim .phone p { background-position:-305px -110px; padding:0px 0 0px 22px; cursor:pointer } .sitelink { color:#247fbd } .sitelink:hover { color:#247fbd; text-decoration:underline } .general { height:70px; padding:15px 0 5px 0 } .general li { float:left } .general .logo { float:left; width:329px; height:60px; background:url(http://www.2jzx.com/o_1d68lhgiv1sdk1lsfrt2132b9hda.png) no-repeat } .general .logo a { height:100%; display:block } .general .s-logo { width:154px } .general .top-zl { margin:20px 0 0 20px } .general .t_ads { margin-top:3px; float:right; height:60px; width:234px } .general .Quick-link { display:none } .general .search { background:#fff; margin-top:15px; width:470px; height:36px; position:relative; z-index:2; left:50px; border:#6899ec solid 2px; border-radius: 30px; } .general .search span,.searchlist li { float:left; width:17%; text-align:center; height:36px; position:relative; line-height:35px; cursor:pointer; border-radius: 30px; } .general .search cite { display:block; height:100% } .general .search .arrow { border-color:#999 transparent transparent; border-style:solid solid solid; border-width:4px 4px 0; font-size:0; height:0; width:0; line-height:0; top:50%; margin-top:-2.5px; right:18%; display:inline; -webkit-transition:.2s ease-in; -moz-transition:.2s ease-in; -o-transition:.2s ease-in; transition:.2s ease-in; position:absolute } .searchtype.curr .arrow { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg) } .general .search.s { width:300px; height:30px; float:right; left:auto } .general .search.s .arrow { right:11% } .general .s .searchlist li,.general .search.s span { height:30px; line-height:29px } .general .search.s .searchbtn { height:30px; line-height:28px; font-size:14px } .general .search.s .searchlist { top:30px } .general .search.s .searchval { width:60%; background:url(../images/zl.png) center 6px no-repeat; height:28px; line-height:27px } .searchtype.curr { background:#fafafa } .searchtype { background-position:45px -351px; color:#696969; border-right:#fafafa solid 1px; line-height:36px } .searchval { float:left; width:63%; height:34px; padding-left:2%; line-height:33px; border:0; outline:0; background:url(../images/zl.png) 0 11119px no-repeat } .searchval.noplace { background:0 0 } .searchbtn { width:17%; height:36px; line-height:34px; color:#fff; background:#6899ec; text-align:center; float:right; font-size:15px; border-radius: 30px; } .searchbtn:hover { color:#fff; background:#5b8fe7 } .searchtype.curr .searchlist { display:block; border-radius: 15px; } .searchlist { overflow:hidden; display:none; background:#fafafa; top:36px; left:0; width:100%; position:absolute; z-index:9 } .searchlist li { float:none; height:38px; line-height:38px; display:block; width:auto } .searchlist li:hover { background:#fff } .searchlist li.cur { background:#f0f0f0; color:#f60 } .searchlist li.cur::after { display:inline-block; content:" "; width:0; height:0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-right:4px solid #f60; position:absolute; top:50%; right:19%; margin-top:-5px } .nav-link { font-size:16px; line-height:20px; margin-left:0; overflow:hidden; display:block; } .nav-link a { height:30px; line-height:28px; position:relative; float:left; margin:8px 8px; padding:0 10px } .nav-link a.cur,.nav-link a.cur:hover { background:#f60; color:#fff } .nav-link a:hover { color:#ff6000; background:#F2F2F2 } .outsideb { top:8px; height:18px; width:18px; background-position:-268px -174px; position:absolute } .yaan { float:left; height:89px; width:1190px; margin-top:10px } .dqwz { width:1180px; color:#666; margin:8px auto; overflow:hidden; background: url(http://www.2jzx.com/o_1d5rm8g8q64g6annf72vv11lda.gif) left top no-repeat; padding: 0 0 0 16px; color: #666; } .dqwz a:hover { text-decoration:none } .list { width:1190px; margin:0 auto } .rank em { margin-right:5px; float:left; width:16px; height:16px; color:#999; text-align:center } .rank em.front { background:#DA3932; color:#fff; border-radius:4px } #d_page,#page { font-size:14px; width:100%; margin:20px auto; text-align:center; height:34px; display:inline-block } #page ul { display:inline-block; display:inline\9; margin:0 auto; zoom:1; border-right:#ddd solid 1px } #page ul li { float:left; font-family:Verdana,Geneva,sans-serif } #page .ohave,#page a { background:#fff; position:relative; float:left; border:#ddd solid 1px; border-right:0; padding:10px 16px; z-index:1 } #page a:hover { border:#ff5203 solid 1px; z-index:10; margin-right:-1px } #page a.se { margin-right:10px; border:#ddd solid 1px } #page a.se:hover { margin-right:10px; border-color:#ff5203 } #page a.no { margin-right:10px; border:#ddd solid 1px } #page span { float:left; border:#ededed solid 1px; padding:10px 16px; margin:0 10px; color:#ccc; cursor:pointer } #page .ohave { color:#fff; border:#ff5203 solid 1px; background:#ff5203 } #d_page ul { display:inline-block; margin:0 auto; zoom:1; font-family:Verdana,Geneva,sans-serif } #d_page a,#d_page p { float:left; padding:8px 14px; text-align:center; border:1px solid #ddd; color:#666; background:#f4f4f4 } #d_page p { color:#666; background:#fff } #d_page p.total { border:0 } #d_page a.no { border-color:#ededed; color:#ccc; background:#f9f9f9 } #d_page a:hover { background:#fff } #d_page a.no:hover { background:#f9f9f9 } #d_page .o_number { font-size:14px; float:left; width:50px; height:33px; text-align:center; border:1px solid #ddd; margin-left:5px; border-right:0 } #d_page .gopage { float:left; padding:9px 15px 10px 15px; border:1px solid #ddd; background:#f4f4f4; color:#666 } .bottom { float:left; width:100%; margin:10px 0 0 0; background-color:#fff } .footer { width:100%; overflow:hidden; padding:20px 0 } .footer-nav { float:left; border-right:1px solid #e6e6e6 } .footer-nav dl { float:left; width:100px; margin:0 50px 0 2px } .footer-nav dl dt { margin-bottom:12px; font-size:14px; font-weight:700 } .footer-nav dl dd p { margin-bottom:12px; padding-left:1px } .footer-nav dl dd p:last-child { margin:0 } .footer-nav dl dd p a { color:#666 } .footer a:hover { color:#39f } .footer-link { overflow:hidden; color:#9c9c9c; width:1190px; margin:0 auto; padding:20px 0; font-family:\5b8b\4f53; border-top:#e6e6e6 solid 1px } .footer-link em { font-style:italic; font-family:tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif } .footer-link a { display:inline-block; color:#6c6c6c; padding-right:5px } .footer-link a:hover { color:#f60 } .footer-link cite { margin-top:18px } .footer-link cite { display:block; margin-top:10px } .footer-link cite img { vertical-align:-10px } .footer-contact dl { margin-right:55px; font-size:16px } .footer-contact dl p { font-size:14px; margin-top:8px } .footer-contact div { text-align:center; color:#000 } .footer-contact div span { display:block; padding:5px; border:1px solid #ececec } .sucmain { width:600px; border:#91c26c solid 1px; margin:100px auto; padding:50px 0; text-align:left; background:#eff8e4; overflow:hidden } .sucmain.no { border:#ff9393 solid 1px; background:#ffeeea } .sucmain.way { border-color:#ffb05a; background:#fff3e2 } .sucmain .left { width:100px } .sucmain .icons { width:58px; height:60px; display:block; background-position:-1px -418px } .sucmain.no .icons { background-position:-117px -419px } .sucmain.way .icons { background-position:-59px -419px } .sucmain .right { width:500px } .sucmain strong { font-size:18px; line-height:38px } .sucmain strong span { color:#91c26c } .sucmain p { width:433px; margin:10px 0; overflow:hidden } .sucmain p b { font-size:18px } .sucmain p a { line-height:20px; border-color:#ffeeea; border:#ff9393 solid 2px; color:#ff9393; float:left; display:block; text-align:center; margin:0 10px 0 0; width:160px; padding:5px } .sucmain p a.ok { border-color:#eff8e4; border:#91c26c solid 2px; color:#91c26c } .sucmain p input { width:358px; background:#e2f2ff; border:#bed3f0 solid 2px; line-height:25px } .sucmain p input:hover { background:#e2f2ff; border:#8CB6F0 solid 2px } .sucmain a { font-size:14px; color:#999 } #preview { color:#333; text-align:center; position:absolute; border:3px solid #ddd; background:#fff; padding:3px; display:none } .over { display:inline-block; TEXT-OVERFLOW:ellipsis; WHITE-SPACE:nowrap; OVERFLOW:hidden } .ICheckbox i { margin-top:-1px; display:inline-block; background-position:-170px -157px; vertical-align:middle; height:13px; width:13px; overflow:hidden; margin-right:3px } .ICheckbox .IChecked i { background-position:-170px -170px } .IRadio i { margin-top:-2px; display:inline-block; background-position:-185px -155px; vertical-align:middle; height:13px; width:13px; overflow:hidden; margin-right:3px } .IRadio .IChecked i { background-position:-185px -169px } .Big-ICheckbox i,.layui-form-cart { cursor:pointer; display:inline-block; background-position:0 0; vertical-align:middle; height:16px; width:16px; overflow:hidden; margin-right:3px } .Big-ICheckbox .IChecked i,.layui-form-cart-checked { background-position:0 -17px } .Big-IRadio i { display:inline-block; background-position:-18px 0; vertical-align:-2px; height:16px; width:16px; overflow:hidden; margin-right:3px } .Big-IRadio .IChecked i { background-position:-18px -17px } .jqtransformdone label { margin-right:8px; display:block; float:left } .jqTransformCheckboxWrapper,.jqTransformRadioWrapper { float:left; display:block; margin-right:2px; margin-top:8px } .jqTransformCheckbox,.jqTransformRadio { float:left; background:transparent url(../images/radio.png) no-repeat center top; vertical-align:middle; height:13px; width:13px; display:block } .jqTransformCheckbox { height:12px; width:12px; background:transparent url(../images/checkbox.png) no-repeat center top } a.jqTransformChecked { background-position:center bottom } .jqTransformSelectWrapper { font-size:14px; width:500px; position:relative; height:29px; line-height:29px; border:1px solid #CCC; background:url(../images/inputbg.gif) left top repeat-x; float:left } .jqTransformSelectWrapper div dt { float:none; position:absolute; white-space:nowrap; height:29px; padding:0 0 0 7px; line-height:29px; overflow:hidden; cursor:pointer; color:#666 } .jqTransformSelectWrapper a.jqTransformSelectOpen { display:block; position:absolute; right:0; top:3px; width:22px; height:22px; background:url(../images/select_right.gif) no-repeat center 8px } .jqTransformSelectWrapper a.jqTransformSelectend { background-position:center -22px } .jqTransformSelectWrapper dl { position:absolute; width:43px; top:28px; left:0; list-style:none; background:#FFF; border:solid 1px #e5e5e5; display:none; margin:0; padding:0; height:200px; overflow:auto; overflow-y:auto; z-index:10 } .jqTransformSelectWrapper dl a { display:block; padding:1px 6px; text-decoration:none; color:#333; background:#FFF; border-bottom:dashed 1px #e5e5e5 } .small .jqTransformSelectWrapper,.small .jqTransformSelectWrapper div dt,.small .jqTransformSelectWrapper dl a { font-size:12px; height:23px; line-height:24px } .small .jqTransformSelectWrapper dl { top:22px } .small a.jqTransformSelectOpen { background:url(../images/select_right.gif) no-repeat center 5px; height:12px } .small a.jqTransformSelectend { background-position:center -25px } .jqTransformSelectWrapper dl a.selected,.jqTransformSelectWrapper dl a.selected:hover,.jqTransformSelectWrapper dl a:hover { background:#fffeed; color:#f60 } .pingfen_btn { cursor:pointer; z-index:2; position:relative; display:inline-block; color:#bbb } .pingfen_btn span { color:#f1453a } .pingfen_box { width:240px; position:absolute; zoom:1; top:18px; left:0; z-index:999; border:1px solid #e5e5e5; background:#fff; box-shadow:2px 1px 3px rgba(0,0,0,.15); -moz-box-shadow:2px 1px 3px rgba(0,0,0,.15); -webkit-box-shadow:2px 1px 3px rgba(0,0,0,.15); padding:10px; display:none } .pingfen_btn.active { z-index:3 } .pingfen_btn .icons { margin:0 0 0 5px; width:8px; height:8px; display:inline-block; background-position:-122px -167px } .pingfen_btn.active .icons { background-position:-127px -174px } .pingfen_btn.active .pingfen_box { display:block } .pingfen_box dl { padding:3px 5px; line-height:20px } .pingfen_box dl dd { padding:3px; color:#656565; height:20px; display:inline } .pingfen_box dl em { color:#f1453a; font-weight:700 } .pingfen_box dl s { display:inline-block; width:120px; height:20px; background:url(../images/star.png) repeat-x; margin:0 3px; vertical-align:top; overflow:hidden } .pingfen_box dl div { height:20px; float:left; background:url(../images/star.png) 0 -28px repeat-x } .Edition a { position:relative; display:inline-block; text-align:center; border:2px solid #ccc; color:#666; padding:5px 12px 6px 10px; line-height:1em; margin-right:5px } .Edition a:hover { color:#666; border-color:#ff7f02 } .Edition .cur { color:#333; border-color:#ff7f02 } .Edition i { position:absolute; bottom:-2px; right:-2px; font-size:14px; display:none; width:14px; height:14px } .Edition .cur i { display:block; color:#ff7f02 } .jqTransformHidden { display:none } .div_preview { float:left; border:1px solid #ddd; overflow:hidden } .div_preview img { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image) } #check_count { color:#999 } #addred_num { width:40px; height:24px; line-height:24px; border:1px solid #d8d8d8; border-left:0; border-right:0; text-align:center; float:left; margin:2px 0 0 0 } .addred { width:26px; line-height:20px; height:26px; float:left; border:1px solid #d8d8d8; background:#f5f5f5; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f0f0f0'); background:-webkit-gradient(linear,left top,left bottom,from(#f9f9f9),to(#f0f0f0)); background:-moz-linear-gradient(top,#f9f9f9,#f0f0f0); cursor:pointer; margin-top:2px; padding-bottom:3px } .addred:hover { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#f9f9f9'); background:-webkit-gradient(linear,left top,left bottom,from(#f0f0f0),to(#f9f9f9)); background:-moz-linear-gradient(top,#f0f0f0,#f9f9f9) } .phcolor { color:#a9a9a9 } .hfcon { margin:15px 0 15px 0; position:relative; display:inline-block; width:690px; background:#fbfbfb; box-shadow:0 1px 3px #dee4e9; border:1px solid #dee4e9; border-radius:4px } .hfcon span { float:left; padding:8px; line-height:20px } .hfcon DIV { position:absolute; left:20px; overflow:hidden; width:0; height:0; border-width:10px; border-style:solid dashed dashed dashed } DIV.j-border { TOP:-20px; border-color:transparent transparent #d9d9d9 transparent } DIV.j-background { TOP:-19px; border-color:transparent transparent #fbfbfb transparent } #eval { width:20px; height:18px; display:inline-block } #eval.ico-good { background-position:-163px -97px } #eval.ico-normal { background-position:-142px -97px } #eval.ico-bad { background-position:-121px -97px } .certification i { margin:0 3px -3px 0; width:16px; height:16px; display:inline-block; BACKGROUND-POSITION:-20px -124px } .certification i.success { BACKGROUND-POSITION:0 -124px } .certification i.company { BACKGROUND-POSITION:0 -164px } .certification i.idcard { BACKGROUND-POSITION:-20px -144px } .certification i.idcard.success { BACKGROUND-POSITION:0 -144px } .certification i.phone { BACKGROUND-POSITION:-20px -104px; margin-right:2px } .certification i.phone.success { BACKGROUND-POSITION:0 -104px } #progress { float:left; overflow:hidden; padding:20px 15px 10px 15px; width:230px; color:#444; display:none } #progress-tisp { text-align:center; float:left; width:100%; font:700 13px/34px Helvetica,Arial,sans-serif } #progress-tisp span { color:#111 } #progress ul { float:left; width:100%; border-bottom:2px solid #ebebeb; display:none } #progress p { float:left; width:100%; padding:3px 0; border-top:2px solid #ebebeb } #progress ul span { width:100%; word-break:break-all; word-wrap:break-word } #progress ul strong { color:#b60000 } #progress ul b { color:#f60 } #progress-bar { float:left; width:230px; display:block; overflow:hidden; height:12px; background:#f3f3f3; background-image:-webkit-linear-gradient(top,rgba(0,0,0,.2),transparent 60%); background-image:-moz-linear-gradient(top,rgba(0,0,0,.2),transparent 60%); background-image:-o-linear-gradient(top,rgba(0,0,0,.2),transparent 60%); background-image:linear-gradient(to bottom,rgba(0,0,0,.2),transparent 60%); -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.2),0 1px rgba(255,255,255,.6); box-shadow:inset 0 1px 2px rgba(0,0,0,.2),0 1px rgba(255,255,255,.6) } #progress-in { float:left; display:block; min-width:8px; height:12px; background:#1997e6; background-image:-webkit-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,0) 60%,rgba(0,0,0,0) 61%,rgba(0,0,0,.2)),-webkit-linear-gradient(left,#147cd6,#24c1fc); background-image:-moz-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,0) 60%,rgba(0,0,0,0) 61%,rgba(0,0,0,.2)),-moz-linear-gradient(left,#147cd6,#24c1fc); background-image:-o-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,0) 60%,rgba(0,0,0,0) 61%,rgba(0,0,0,.2)),-o-linear-gradient(left,#147cd6,#24c1fc); background-image:linear-gradient(to bottom,rgba(255,255,255,.3),rgba(255,255,255,0) 60%,rgba(0,0,0,0) 61%,rgba(0,0,0,.2)),linear-gradient(to right,#147cd6,#24c1fc); -webkit-box-shadow:inset 0 1px rgba(0,0,0,.2),inset 0 0 0 1px rgba(0,0,0,.2); box-shadow:inset 0 1px rgba(0,0,0,.2),inset 0 0 0 1px rgba(0,0,0,.2) } .form-textarea-box { display:block; overflow:hidden; margin-right:30px } .upload-box { display:block; overflow:hidden; margin-right:30px; border:3px dashed #E6E6E6 } .container { display:block; position:relative; overflow-y:hidden; padding:10px 10px } .container .filelist { margin-top:10px; width:100%; padding-bottom:5px; border-top:2px solid #e6e6e6 } .container .filelist:after { content:''; display:block; width:0; height:0; overflow:hidden; clear:both } .container .filelist div { width:190px; text-align:center; height:152px; margin:10px 12px 0 0; padding:1px; position:relative; display:inline; float:left; overflow:hidden; font-size:12px; border:1px solid #ddd } .container .imgWrap { position:relative; z-index:0; line-height:152px; vertical-align:middle; overflow:hidden; width:190px; height:152px; color:#1094FA; font-size:14px } .container .filelist img { width:190px } .container .filelist .icon { color:#fff; font-size:16px; position:absolute; right:0; bottom:0; text-align:center; padding:12px 0 0 20px; height:28px; line-height:28px; width:20px; z-index:2; background-position:-257px -323px } .container .filelist .file-panel { position:absolute; height:0; width:100%; top:0; left:0; overflow:hidden; z-index:300 } .container .filelist .file-panel a { position:relative; width:33%; line-height:28px; height:28px; float:left; overflow:hidden; cursor:pointer } .container .filelist .file-panel a span { top:0; left:0; position:absolute; width:100%; height:100%; background:#000; filter:Alpha(Opacity=30, Style=0); -moz-opacity:.3; -khtml-opacity:.3; opacity:.3 } .container .filelist .file-panel a.fdel { width:34% } .container .filelist .file-panel a span.cur { filter:Alpha(Opacity=70, Style=0); -moz-opacity:.7; -khtml-opacity:.7; opacity:.7 } .container .filelist .file-panel a i { top:0; left:50%; width:29px; height:100%; display:inline; overflow:hidden; position:absolute; z-index:30; margin-left:-15px; background-position:-207px -289px } .container .filelist .file-panel a.fright i { background-position:-177px -289px } .container .filelist .file-panel a.fdel i { background-position:-235px -289px } .statusBar { line-height:18px; height:36px; vertical-align:middle; position:relative } .statusBar .info { float:right; display:inline-block; color:#aaa } .statusBar .btns { position:absolute; top:3px; left:0; line-height:30px } .statusBar .btns a { background:#fff; border:1px solid #cfcfcf; color:#565656; padding:0 18px; display:inline-block; border-radius:3px; margin-left:0; cursor:pointer; font-size:14px; float:left } .statusBar .btns a:hover { background:#f0f0f0 } .statusBar .btns input { margin-left:-350px; font-size:30px; cursor:pointer; filter:alpha(opacity=0); opacity:0 } .fu_list { table-layout:fixed; margin-top:10px; background:#ebebeb; font-size:12px; width:100%; border:1px solid #ebebeb; border-collapse:collapse; table-layout:fixed??word-break:break-all } .fu_list td { border:0; padding:5px; line-height:20px; background-color:#fff; word-break:break-all; word-wrap:break-word; text-overflow:ellipsis; white-space:nowrap; overflow:hidden } .fu_list thead td { background-color:#e6e6e6 } .fu_list b { font-size:14px; color:#3A9000 } .fu_list a:hover { color:red } .insert { width:490px; overflow:hidden } .insert .pic { width:100%; overflow:hidden } .insert .pic p { color:#333; text-align:center; margin:190px 0 0 140px; font-size:16px } .insert .pic div { width:152px; height:122px; float:left; border:1px solid #e5e5e5; margin:10px 0 0 10px; position:relative; line-height:20px } .insert .pic div img { width:150px; height:120px; border:0 } .insert .pic div strong { color:#fff; font-size:16px; position:absolute; right:0; bottom:0; text-align:center; padding:20px 0 0 18px; height:40px; width:40px; z-index:2; background-position:-252px -323px } .insert .pic div span { display:none; z-index:10; height:100%; width:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000, endColorstr=#7F000000); color:#fff; text-align:center; text-decoration:none } .insert .pic div span i { display:block; height:46px; width:62px; background-position:-180px -424px; margin:40px 0 0 50px; overflow:hidden } .insert .pic div.cur span,.insert .pic div.not span { display:block } .insert .pic cite { text-align:center; display:block; padding:50px 0 } .insert .btns { text-align:center; margin:10px; padding-top:10px; display:block; overflow:hidden; border-top:3px solid #ddd } .insert .layui-btn { padding:0 18px; line-height:28px; height:28px } .insert .prompt { font-size:12px; margin:0 10px; display:block; line-height:24px; border-top:3px solid #ddd } .insert .prompt span { color:#265892 } .insert .prompt strong { margin-top:5px; width:483px } .bfiles { padding:8px 0 } .bfiles img { width:80px; height:60px; margin-right:6px; padding:3px; border:1px solid #eee; background:#fff; -moz-border-radius:1px; -khtml-border-radius:1px; -webkit-border-radius:1px; border-radius:1px } .note_icon a:hover { color:red } .note_icon a { padding-right:5px; float:left } .note_icon a i { color:#999; border:1px solid #ddd; background:#f9f9f9; float:left; overflow:hidden; text-align:center; height:19px; line-height:19px; padding:0 4.5px } .note_icon a i.protect { color:#6a4; border-color:#6a4; background:#eff } .note_icon a i.score { color:#f60; border-color:#FF7E00; background:#FFF5EE } .note_icon a i.send { color:#b68571; border-color:#e3c8bd; background:#fffbf6 } .note_icon a i.install0 { color:#498BF8; border-color:#71a3f5; background:#EEF9FF } .claims_box { float:left; width:100%; background:#fff } .claims_box table { border-collapse:collapse; width:100% } .claims_box .table1,.claims_box td,.claims_box th { border-bottom:1px solid #ddd; padding:0 } .claims_box .table1 td { border-bottom:1px solid #f1f1f1; padding:8px 8px; color:#555 } .claims_box td.nm1 { text-align:right; border-bottom:1px solid #f1f1f1; width:15%; color:#999; border-right:1px solid #f1f1f1 } .claims_tips { float:left; width:90%; padding:15px 5%; background:#F1F9FE; text-align:left; color:#333; border-bottom:1px solid #ddd } .claims_tips div { float:left; width:88%; line-height:18px } .claims_tips p { font-size:18px; font-weight:700; padding-bottom:5px } .claims_tips span { color:#666 } .claims_tips div.claims_ico { margin-top:10px; height:35px; float:left; width:8% } .claims_suc div.claims_ico { background-position:-261px -250px } .claims_suc div p { color:#51863c } .claims_ing div.claims_ico { background-position:-195px -248px } .claims_ing p { color:#f60 } .claims_no div.claims_ico { background-position:-228px -250px } .claims_no p { color:#97731f } .claims_tips a { text-decoration:underline } .claims_notes { float:left; padding:5px 0 15px 5%; font-size:13px; width:90% } .claims_notes li { float:left; width:100%; line-height:25px } .claims_notes span { text-decoration:underline } .claims_notes b { padding-right:4px; color:#666; font-size:15px } .claims_notes h3 { float:left; font-size:14px; background-position:-307px -61px; padding-left:20px; font-weight:700; width:90% } .ly_ins { float:left; width:570px; padding:15px; background:#fff } .ly_ins table { border-collapse:collapse; width:100% } .ly_ins .table1,.ly_ins td,.ly_ins th { border-bottom:1px solid #ddd; padding:0 } .ly_ins .table1 { border:1px solid #ddd } .ly_ins .table2 { border:0 } .ly_ins .table2 td { border-bottom:1px solid #f1f1f1; padding:10px 8px; color:#666 } .ly_ins .table2 tr:last-child td:last-child { border-color:#fff } .ly_ins td.nm1 { text-align:right; border-bottom:1px solid #f8f8f8; background:#f8f8f8; width:15%; color:#333; border-right:1px solid #f1f1f1 } .ly_ins td.tyn { text-align:center; border-right:1px solid #ddd; font-weight:700; background:#f2f2f2; width:35px } .ly_ins span { float:left; width:80% } .ly_ins img { float:right; cursor:pointer } .ins_notes { float:left; padding:5px 0; font-size:13px; width:100%; border-top:#e1e1e1 solid 1px } .ins_notes li { float:left; width:100%; line-height:25px } .ins_notes span { text-decoration:underline } .ins_notes b { padding-right:4px; color:#666; font-size:15px } .ins_notes h3 { float:left; font-size:14px; background-position:-307px -61px; padding-left:20px; font-weight:700; width:90% } .customer_div { float:left; width:300px; padding:15px; background:#f6f9ff } .customer_div p { float:left; width:100%; margin:0 0 10px 0 } .customer_uqq { width:300px } .customer_uqq span { float:left; line-height:27px } .customer_uqq a { line-height:25px; height:25px; float:right; padding:0 5px; border:#e5e5e5 1px solid; background:#fff; margin-left:10px } .customer_uqq a:hover { border:#c5ddf6 1px solid; color:#1774c2; background:#eaf4ff } .customer_uqq a.direct_talk { border:#c5ddf6 1px solid; color:#1774c2 } .customer_uqq em { float:right; padding-right:10px; color:#999; line-height:27px } .customer_csc { padding:10px } .customer_csc p { margin-top:5px; padding:2px; line-height:22px } .customer_csc strong { display:inline-block } .customer_csc span { color:#666 } .tablelist { border-collapse:collapse; border:solid #e5e5e5; border-width:0 1px 1px 1px; width:100%; clear:both } .tablelist a { color:#056dae } .tablelist a:hover { color:#f60 } .tablelist td.tcer { text-align:center } .tablelist thead td { background:#f0f0f0; font-size:14px; border-width:1px 0; border-color:#ddd } .tablelist tbody { font-size:12px } .tablelist td { padding:9px 12px; border:#e9e9e9 solid; border-width:0 0 1px 0 } .tablelist tbody tr { background:#fff } .tablelist tbody tr.odd { background:#f5f8fa } .released { float:left; width:440px; padding:40px 60px; background:#fff } .released div { background:#fff; float:left; width:100%; text-align:center } .released a { color:#3E98E2; float:left; margin:20px 0 0 20px; padding:20px 35px; border:#CDE4F6 1px solid; font-size:28px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; background:#EDF6FE; width:118px } .released a:hover { border:#C3DDF2 1px solid; background:#E4F3FF; color:#2387da } .released .buy a { color:#FF8521; border:#ffe0cc 1px solid; background:#fff8f4 } .released .buy a:hover { border:#FACAAB 1px solid; background:#fff3e8; color:#f60 } .released div.r_tisp { color:#666; font-size:22px } .released p { float:right; margin-right:20px; color:#666 } .released i { float:left; width:50px; height:40px; background-position:0 -180px } .released span { float:left; line-height:40px; width:68px } .released .sale i.code { background-position:0 -224px } .released .sale i.doamin { background-position:-49px -224px } .released .sale i.web { background-position:-49px -183px } .released .buy i.code { background-position:-100px -224px } .released .buy i.doamin { background-position:-148px -224px } .released .buy i.web { background-position:-148px -182px } .released .buy i.task { background-position:-100px -180px } .ly_takes { background:#fafafa; float:left; width:94%; padding:0 3%; border-top:2px solid #f60; border-bottom:1px solid #eee } .ly_takes li { float:left; padding:20px 0 } .ly_takes .l1 { padding:20px } .ly_takes .l1 img { height:100px; width:100px; border:1px solid #eee; padding:2px; background:#fff } .ly_takes .tit a { font-size:14px; font-weight:700; color:#555 } .ly_takes .tit a:hover { color:#f60 } .ly_takes .l2 p { padding-bottom:10px } .ly_takes .l2 b { color:#f60 } .ly_stats { float:left; width:93%; margin:25px 3%; font-size:14px; border:3px dashed #e5e5e5 } .ly_stats ul { display:block; padding:20px } .ly_stats ul a { color:#000 } .ly_stats ul a:hover { color:#f60 } .ly_stats ul input { border:1px solid #e6e6e6; background:#fff; border-radius:2px; padding:3px 5px } .ly_stats .bfiles { padding:2px 0 0 2px } .ly_stats img { width:190px; height:152px; margin:0 } .notes { overflow:hidden; background:#f6f9ff; padding:10px 0; font-size:13px; width:100%; border-top:#ededed solid 1px } .notes_ber { border:#e5e5e5 solid 1px; width:788px } .notes li { padding-left:20px; float:left; width:90%; line-height:25px } .notes span { text-decoration:underline } .notes b { padding-right:4px; color:#666; font-size:15px } .notes h3 { float:left; font-size:14px; background-position:-307px -61px; padding-left:20px; font-weight:700; width:90% } .tipso_bubble,.tipso_bubble>.tipso_arrow { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .tipso_bubble { position:absolute; text-align:center; border-radius:6px; z-index:9999; padding:10px } .tipso_bubble>.tipso_arrow { position:absolute; width:0; height:0; border:8px solid; pointer-events:none } .tipso_bubble.top>.tipso_arrow { border-top-color:#000; border-right-color:transparent; border-left-color:transparent; border-bottom-color:transparent; top:100%; left:50%; margin-left:-8px } .tipso_bubble.bottom>.tipso_arrow { border-bottom-color:#000; border-right-color:transparent; border-left-color:transparent; border-top-color:transparent; bottom:100%; left:50%; margin-left:-8px } .tipso_bubble.left>.tipso_arrow { border-left-color:#000; border-top-color:transparent; border-bottom-color:transparent; border-right-color:transparent; top:50%; left:100%; margin-top:-8px } .tipso_bubble.right>.tipso_arrow { border-right-color:#000; border-top-color:transparent; border-bottom-color:transparent; border-left-color:transparent; top:50%; right:100%; margin-top:-8px } .layui-serve .layui-form-label { width:90px; padding-left:0 } .layui-serve .layui-form-item { margin-top:0 } .serve_top { background:#fafafa; float:left; width:94%; padding:0 3%; border-top:2px solid #f60 } .serve_top li { float:left; padding:20px 0 } .serve_top .l1 { padding:20px } .serve_top .l1 img { height:80px; width:80px; border:1px solid #eee; padding:2px; background:#fff } .serve_top .tit a { font-size:14px; font-weight:700; color:#555 } .serve_top .tit a:hover { color:#f60 } .serve_top .l2 p { padding-bottom:10px } .serve_top .l2 b { color:#f60 } .jifen_cart { padding:30px 0; position:relative; color:#666 } .layui-jifen .layui-form-label { width:90px; padding-left:0; color:#333 } .layui-jifen .layui-input-block { margin-left:0 } .layui-jifen .layui-form-item { margin-top:0 } .jifen_top { background:#fafafa; float:left; width:94%; padding:0 3%; border-top:2px solid #f60 } .jifen_top li { float:left; padding:20px 0 } .jifen_top .l1 { padding:20px } .jifen_top .l1 img { height:80px; width:80px; border:1px solid #eee; padding:2px; background:#fff } .jifen_top .tit a { font-size:14px; font-weight:700; color:#555 } .jifen_top .tit a:hover { color:#f60 } .jifen_top .l2 p { padding-bottom:10px } .layui-photos-action { -moz-border-radius:6px; -webkit-border-radius:6px; /border-radius:6px; background:rgba(0,0,0,.35); position:fixed; OVERFLOW:hidden; z-index:20000001; width:120px; bottom:5px; left:50%; margin-left:-60px; line-height:36px; height:36px } .layui-photos-action a { width:100%; color:#ededed; text-align:center; display:inline-block; font-size:15px } .layui-photos-action a i { font-size:20px } .layui-photos-action a:hover { color:#fff } .j-count-number { display:inline-block; margin:0 5px; width:105px; height:30px; vertical-align:middle } .j-number { display:inline-block; padding:0 24px; vertical-align:middle; position:relative } .j-number-input { width:45px; height:22px; line-height:22px; padding:2px 4px; font-size:14px; text-align:center; border:1px solid #e0e0e0; outline:0; position:relative } .j-number a { font-size:18px; text-decoration:none; position:absolute; top:0; right:0; width:26px; height:26px; line-height:24px; text-align:center; overflow:hidden; background:#F5F5F5; color:#9e9e9e; border:1px solid #e0e0e0; font-family:verdana } .j-number a.down { right:auto; left:0 } .formLib { width:400px; overflow:hidden; height:294px } .form_lilib input { width:220px; padding:0 10px; height:38px; border:1px solid #ccc } .formLib .form_lilib { float:left; position:relative; margin:10px 35px 10px 55px; font-size:0; width:310px } .form_lilib input,.form_lilib label { display:inline-block; font-size:14px; line-height:38px } .formLib label { float:left; height:38px; width:45px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:38px } .form_lilib span { padding:0 5px } .from_msg { float:left; padding:2px 0 0 10px; font-size:12px; color:#999 } .form_libtn { position:relative; float:left; font-size:12px; color:#999; margin:10px 25px 0 55px; width:320px } .formLib #login_submit_button { width:95px; float:left; height:32px; line-height:32px; border:none; background:#f40; color:#fff } .from_msg a { margin:3px 2px 0 0; padding-left:21px; height:21px; line-height:21px; display:inline-block; color:#666 } .from_msg span { margin:5px 0 0 0; float:left } .loing_reg_tisp { margin:0 0 20px 0; padding:15px 0 10px 0; letter-spacing:1.2px; line-height:22px; float:left; width:400px; background:#f9f9f9; border-bottom:2px solid #f1f1f1; border-top:1px solid #d9d9d9 } .loing_reg_tisp strong { font-size:15px } .loing_reg_tisp label { background-position:-89px -480px; height:40px; width:40px; margin:0 5px 10px 55px } .loing_reg_tisp a { color:#3595CC; margin-right:10px } .loing_reg_tisp a:hover { color:#f60 } .form_libtn #popup-captcha { display:none; position:absolute; top:-1px; left:0; width:100%; z-index:1 } .layer_allmoney { float:left; width:94%; padding:15px 3%; background:#fafafa } .layer_allmoney ul { float:left; width:85%; margin:0 5% } .layer_allmoney li { float:left; width:85%; line-height:40px } .layer_allmoney .l1 { width:15% } .layer_allmoney .tit { color:#000; font-size:14px; height:40px; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis } .layer_allmoney .price { float:left; font-size:26px; color:#f60; font-weight:700 } .layer_allmoney .layui-btn { margin-top:6px; float:right; font-size:14px; font-weight:700 } .fixed-right,.fixed-right.simple.curr { width:40px; z-index:1000; position:fixed; top:0; right:0; height:100%; border-left:1px solid #f1f1f1; background:#fff } .fixed-right.simple { border:0; background:0 0 } .fixed-right-bg { display:none; z-index:96; position:fixed; width:100%; top:0; right:0; height:100%; background-color:#000; filter:alpha(opacity=10); -moz-opacity:.1; -khtml-opacity:.1; opacity:.1 } .fixed-main { position:relative; height:100% } .fixed-tab { z-index:100; position:relative; width:40px; height:100%; min-height:300px } .fixed-tab cite { display:block; position:relative; margin-bottom:0; z-index:100; color:#444 } .fixed-tab cite .i { z-index:100; cursor:pointer; padding:7px 0; font-size:26px; line-height:26px; display:block; text-align:center; z-index:99; position:relative } .fixed-tab cite .i i { width:22px; height:22px; display:inline-block } .fixed-tab cite .i p { font-size:12px; line-height:14px; padding-top:4px } .fixed-tab cite .i span { position:absolute; top:1.5px; right:3px } .fixed-tab cite .i em { display:inline-block; padding:1px 2px; color:#fff; border-radius:15px; background:#e50000; height:12px; font-size:12px; line-height:12px } .fixed-tab i.fi-my { background-position:-36px 0 } .fixed-tab i.fi-message { background-position:-130px 2px } .fixed-tab i.fi-browse { background-position:-106px 1px } .fixed-tab i.fi-cart { background-position:-83px 1px } .fixed-tab i.fi-service { background-position:-59px 1px } .fixed-tab i.fi-gotop { background-position:-36px -44px } .fixed-tab i.fi-stretch { background-position:-182px 6px } .fixed-tab i.fi-mg { background-position:-155px 1px } .fixed-right.simple i.fi-stretch { background-position:-181px -21px } .fixed-right.simple .fixed-tab cite .i p { display:none } .fixed-click-box.curr,.fixed-right.curr .fixed-click,.fixed-right.curr .fixed-right-bg,.fixed-tab cite.curr .fixed-hover-box,.fixed-tab cite.curr .i-bg,.fixed-tab cite.curr .i-bgy { display:block } .fixed-tab cite.click-cite.curr .i-bgy { left:auto; right:-.6px } .fixed-tab cite.on .fixed-hover-box,.fixed-tab cite.on .i-bg,.fixed-tab cite.on .i-bgy { display:block } .fixed-tab .click-cite .i-bg { box-shadow:-1px 0 2px rgba(0,0,0,.1) } .fixed-tab .i-bg { display:none; position:absolute; height:100%; width:100%; right:0; top:0; z-index:98; background:#fff; box-shadow:0 0 5px rgba(0,0,0,.2) } .fixed-tab .i-bgy { display:none; position:absolute; height:100%; width:3.5px; left:-3.5px; top:0; z-index:99; background:#fff } .fixed-hover-box { position:absolute; top:0; right:40px; z-index:97; display:none; background:#fff; box-shadow:0 0 5px rgba(0,0,0,.2) } .fixed-hover-box h3 { color:#353535; padding:8px 16px; font-size:14px; line-height:20px; display:block } .fixed-tab-bottom { width:100%; position:absolute; bottom:80px; right:0 } .fixed-tab-top { width:100%; position:absolute; top:25%; right:0 } .fixed-tab-gotop { width:100%; position:absolute; bottom:0; right:0 } .fixed-service-box { width:350px } .fixed-service-list p { display:block; padding:0 0 10px 0; font-size:13px } .fixed-service-list { display:block; padding:5px 0 0 15px } .fixed-service-list span { color:#111 } .fixed-service-list p.gray { font-size:12px; color:#999 } .fixed-service-list a:hover { color:#2789ed } .fixed-gotop-box,.fixed-mg-box,.fixed-stretch-box { width:80px } .fixed-gotop-box h3,.fixed-mg-box h3,.fixed-stretch-box h3 { cursor:pointer; background:#fff; text-align:right; padding-right:5px } .fixed-mg-box a { padding:9px 0; text-align:center; border-radius:2px; display:block } .fixed-mg-box a i { padding-right:3px; height:18px; width:18px; display:inline-block; background-position:-161px -26px; vertical-align:-4px } .fixed-mg-box a:hover { color:red } .fixed-mg-box p { padding:10px 0; display:block; text-align:center; border-bottom:1px solid #e5e5e5; margin:0 10px } .fixed-mg-box p i { margin:-2px 4px 0 -1px } .fixed-right.simple .fixed-stretch-box h3 span,.fixed-stretch-box h3 em { display:none } .fixed-right.simple .fixed-stretch-box h3 em { display:block } .fixed-mg-box .action,.fixed-tab cite.on .fixed-mg-box h3 { display:none } .fixed-mg-box h3,.fixed-tab cite.on .fixed-mg-box .action { display:block } .fixed-click { z-index:98; position:absolute; display:none; top:0; right:-330px; height:100%; width:329px; border-left:1px solid #e5e5e5; background:#fff; box-shadow:0 0 5px rgba(0,0,0,.2) } .fixed-loading { z-index:99; position:absolute; display:none; top:0; right:-330px; height:100%; width:330px; background-color:#fff; opacity:.5; filter:alpha(opacity=50) } .fixed-loading span { position:relative; height:100%; display:block } .fixed-loading i { position:absolute; top:50%; left:50%; margin:-16px -16px 0 0; width:32px; height:32px; background:url(../images/loading-2.gif) no-repeat } .fixed-click-box .refresh { float:left; height:22px; width:22px; border:1px solid #fdfdfd } .fixed-click-box .refresh:hover { background:#fff; border-radius:50%; border-color:#ccc } .fixed-click-box .refresh i { display:block; height:100%; background-position:-181px -51px; width:20px; height:20px; margin:1px } .fixed-click-box { height:100%; position:relative; z-index:98; background:#fff; display:none } .fixed-click-box h3 { position:absolute; top:0; left:0; padding:7px 0 9px 0; width:100%; font-size:15px; line-height:24px; text-align:center; background:#fdfdfd; box-shadow:1px 2px 5px rgba(0,0,0,.05); border-bottom:1px solid #e0e0e0; z-index:1 } .fixed-click-box h3 strong { float:left; margin:0 10px 0 15px } .fixed-click-box .action { float:right; margin-right:10px } .fixed-click-box .action a { font-weight:400; color:#999; background:#fdfdfd; font-size:12px; border-radius:3px; display:inline-block; float:left; margin:0 0 0 5px; height:20px; line-height:19px; padding:1px 8px; border:1px solid #e0e0e0 } .fixed-click-box .action a:hover { background:#fff; color:#333; border-color:silver } .fixed-click-box .action a.cart_goto { border-color:#f1713e; background:#FFF9F3; color:#f1713e } .fixed-click-box .action a.cart_goto:hover { background:#fef5eb; color:#f60; border-color:#f60 } .fixed-browse-box { display:none } .fixed-browse-box em { color:#247fbd } .fixed-click-bottom { background:#fafafa; border-top:1px solid #e5e5e5; width:100%; overflow:hidden; line-height:36px; height:36px; position:absolute; bottom:0; left:0 } .fixed-click-bottom .info { color:#444; font-size:12px; float:left; margin:0 15px } .fixed-click-bottom .info b { color:red } .fixed-click-bottom .info em { color:#f60 } .fixed-click-box .sort_page { float:right; height:100%; border:0; padding:0; margin-right:15px; line-height:36px } .fixed-list-bt { height:45px; display:block } .fixed-list { overflow-y:auto; height:100% } .fixed-list::-webkit-scrollbar { width:4px; height:5px } .fixed-list::-webkit-scrollbar-thumb { background:#848484; border-radius:4px } .fixed-list .info_not { width:100%; text-align:center; margin:-45px 0 0 0; font-size:14px; background:#fff; position:absolute; height:100% } .fixed-list .info_not div { position:relative; width:100%; height:100% } .fixed-list .info_not span { display:inline-block; position:absolute; width:100%; margin-top:-110px; top:50%; right:0 } .fixed-list .info_not i { font-size:80px; line-height:80px; display:inline-block } .fixed-browse-list { line-height:14px; padding:0 3px 0 0 } .fixed-browse-list li { display:block; padding:8px 15px; overflow:hidden } .fixed-browse-list a.tips { overflow:hidden; float:left; width:18px; height:18px; border:1px solid #eee; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50% } .fixed-browse-list a img { width:18px; height:18px } .fixed-browse-list a.tit { display:block; line-height:18px; color:#656565; font-size:14px; margin-left:25px; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis } .fixed-browse-list a:hover { color:#247fbd } .fixed-message-list a { position:relative; color:#999; overflow:hidden; display:block; padding:8px 0; margin:0 15px; border-bottom:1px solid #e5e5e5 } .fixed-message-list a em { color:#999 } .fixed-message-list a p { padding-left:5px } .fixed-message-list a.message_a:hover em { color:#333 } .fixed-message-list a.message_a:hover { color:#333 } .fixed-message-list a.message_a { color:#666 } .fixed-message-list a.message_a em { color:#247FBD } .fixed-message-list a .title { line-height:20px; margin-right:50px; display:block; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis } .fixed-message-list a .type { text-align:center; position:absolute; top:50%; right:0; width:28px; margin-top:-19px; padding:5px; background:#f2f2f2; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; line-height:14px } .fixed-my { display:block; overflow:hidden; padding:15px } .fixed-my dt { line-height:18px; font-size:12px; width:100%; overflow:hidden; position:relative } .fixed-my #avatar { float:left } .fixed-my #avatar img { width:65px; height:65px; padding:3px; border:1px solid #eee; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#fff; -webkit-box-shadow:inset 0 -1px 0 #3333sf; box-shadow:inset 0 -1px 0 #3333sf; -webkit-transition:.4s; -webkit-transition:-webkit-transform .4s ease-out; -moz-transition:-moz-transform .4s ease-out; transition:transform .4s ease-out } .fixed-my #avatar img:hover { border:1px solid #ccc; -webkit-box-shadow:0 0 10px #fff; box-shadow:0 0 10px #fff; -webkit-transform:rotateZ(360deg); -moz-transform:rotateZ(360deg); transform:rotateZ(360deg) } .fixed-my dt p { width:100%; float:left; margin:2px 0 3px 0; line-height:20px } .fixed-my dt p#name { font-size:14px; color:#649d51; font-weight:700 } .fixed-my dt span { display:block; margin-left:80px } .fixed-my dt p a { color:#247FBD } .fixed-my dt p a#money { color:#f60 } .fixed-my dt p a:hover { text-decoration:underline } .fixed-my dt em { float:left } .fixed-my dt #sign { position:absolute; width:36px; height:36px; right:9px; bottom:9px } .fixed-my dt #sign a { display:inline-block; width:35px; height:35px; background-position:1px -33px } .fixed-my nav { text-align:center; display:block; overflow:hidden } .fixed-my nav a { background:#fafafa; -o-transition:all .15s,.15s; -moz-transition:all .15s,.15s; -webkit-transition:all .15s,.15s; float:left; width:25%; padding:10px 0; color:#333; filter:alpha(opacity=75); -moz-opacity:.75; -khtml-opacity:.75; opacity:.75 } .fixed-my nav a.first { margin-bottom:-8px } .fixed-my nav i { font-family:iconfont; display:block; height:40px; line-height:40px; overflow:hidden; font-size:30px } .fixed-my nav .a-1 { color:#f4a425 } .fixed-my nav .a-2 { color:#ff7900; font-size:29px } .fixed-my nav .a-3 { color:#f4a425; font-size:26px } .fixed-my nav .a-4 { color:#ff7878; font-size:32px } .fixed-my nav .a-5 { color:#3ebd80; font-size:29px } .fixed-my nav .a-6 { color:#45a1de; font-size:29px } .fixed-my nav .a-7 { color:#ff7878 } .fixed-my nav .a-8 { color:#3eabc3; font-size:29px } .fixed-my nav a:hover { position:relative; z-index:999; background:#f5f5f5; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 } .fixed-my dd { display:block; overflow:hidden; padding:10px 0 18px 0 } .fixed-my dd a { font-size:14px; display:block; overflow:hidden; line-height:32px; height:32px; margin:8px 0 0 0; background:#F6F6F6; border:1px solid #F6F6F6; -o-transition:all .15s,.15s; -moz-transition:all .15s,.15s; -webkit-transition:all .15s,.15s } .fixed-my dd b { color:#444; width:50%; float:left; padding-left:30px; font-size:12px } .fixed-my dd em { float:left; color:#00C1DE } .fixed-my dd a:hover { background:#fff; border-color:#00c1de } .lay-login cite { overflow:hidden; display:block; padding:15px 25px 10px 25px } .lay-login cite a { float:left; width:50%; height:48px; line-height:48px; text-align:center; font-size:16px; border-bottom:1px solid #ebebeb } .lay-login cite a.curr { border-bottom:1px solid #FF552E; color:#FF552E } .lay-login a { color:#666 } .lay-login dl { overflow:hidden; display:block; padding:10px 25px } .lay-login dd { position:relative; text-align:center; width:100%; float:left } .lay-login dd em { display:inline-block; position:absolute; overflow:hidden; background:url(../images/login_icon.png) -29px -33px; width:16px; left:14px; top:50%; margin-top:-9px; height:18px } .lay-login dd em.password { background-position:-51px -33px } .lay-login dd em.phone { background-position:-74px -33px } .lay-login dd #Sendbtn { cursor:pointer; border:0; position:absolute; right:5px; top:5px; display:inline-block; padding:0 20px; line-height:30px; height:32px; text-align:center; background:#F6F6F6; border-radius:3px; font-size:14px; color:#666 } .lay-login .login-input { margin-left:-1px; text-indent:40px; height:38px; width:100%; line-height:38px; background:#FFF; border:1px solid #DCDEE0; border-radius:3px; font-size:14px; color:#000 } .lay-login #login_submit_button { width:100%; background:#FF552E; border-radius:2px; text-align:center; font-size:14px; line-height:42px; display:inline-block; color:#fff } .lay-login .reg-tips { width:99%; display:inline-block; line-height:32px; background:#fafafa; border-color:#fafafa; font-size:12px; border-radius:30px } .lay-login .reg-tips:hover { background:#f5f5f5; color:#333 } .lay-login .link i { margin-top:-2px } .lay-login .link a:hover { color:#f60 } .lay-login h4 { position:relative; text-align:center; width:100%; overflow:hidden; height:16px; line-height:16px } .lay-login h4 span { display:inline-block; background:#fff; padding:0 10px } .lay-login h4 i { z-index:-1; position:absolute; background:#eee; width:100%; height:2px; left:0; top:50%; margin-top:-1px } .lay-login .three-login a { width:40px; height:40px; margin:12px 7px 0 0; display:inline-block; background-position:0 -376px } .lay-login a#qq { background-position:0 -335px } .lay-login a#sina { background-position:-92px -335px } .lay-login a#wechat { background-position:-46px -335px } .lay-login a#alipay { background-position:-184px -335px } .lay-login a#baidu { background-position:-138px -335px } .lay-login a#qq:hover { background-position:0 -376px } .lay-login a#sina:hover { background-position:-92px -376px } .lay-login a#wechat:hover { background-position:-46px -376px } .lay-login a#alipay:hover { background-position:-184px -376px } .lay-login a#baidu:hover { background-position:-138px -376px } .lay-login #popup-captcha { position:absolute; top:0; left:0; width:100%; z-index:1; display:none } .fixed-click-box .layui-form { position:static; background:0 0 } .fixed-click-box input[type=checkbox] { display:none } .fixed-cart-list { background:#f1f1f1; overflow-x:hidden; display:block; padding-top:5px } .fixed-cart-list dl { margin:0 0 10px 0; overflow:hidden } .fixed-cart-list dt { border-bottom:#e1e1e1 solid 1px; background:#fff; padding:10px; overflow:hidden } .fixed-cart-list dt a { vertical-align:middle; font-size:12px; color:#000; padding-left:2px } .fixed-cart-list dt span { line-height:19px; height:19px; display:inline-block; color:#000; vertical-align:middle } .fixed-cart-list dt span a:hover { text-decoration:none } .fixed-cart-list .uim { margin:-5px 0 0 6px } .fixed-cart-list .uim a { float:left; padding-left:30px; height:22px } .fixed-cart-list .uim div { display:inline-block; height:24px; width:20px; overflow:hidden } .fixed-cart-list dt .more { float:right; width:19px; height:19px; cursor:pointer; filter:alpha(opacity=60); -moz-opacity:.6; -khtml-opacity:.6; opacity:.6 } .fixed-cart-list dt .more i { background-position:-36px -33px; height:6px; display:block; margin:7px 0 } .fixed-cart-list dt .more:hover { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 } .fixed-cart-list ul { border-bottom:1px #e0e0e0 solid } .fixed-cart-list dd { background:#fafafa; line-height:16px; overflow:hidden; padding:10px 0 10px 10px; display:block; position:relative } .fixed-cart-list dd.vat { padding:10px 0 10px 10px; background:#FFF; border-top:1px solid #f5f5f5 } .fixed-cart-list dd.vat .money b { font-size:12px } .fixed-cart-list dd li { display:inline-block; float:left } .fixed-cart-list dd .zero { width:18px } .fixed-cart-list dd .first { width:72px; font-size:12px; margin:0 6px } .fixed-cart-list dd .first img { width:72px; display:block } .fixed-cart-list dd .text { color:#999; width:135px } .fixed-cart-list dd .text .tit { word-break:break-all; word-wrap:break-word; color:#999; height:34px; overflow:hidden; line-height:17px; display:block } .fixed-cart-list dd.cgood .first { color:#36C; border:1px #eee solid; background:#fff; overflow:hidden; height:60px; line-height:60px; text-align:center } .fixed-cart-list dd .note_icon { overflow:hidden; display:block; margin:3px 0 0 0 } .fixed-cart-list dd .money { float:none; overflow:hidden; display:block; margin-left:244px; color:#999; font-family:Verdana,Tahoma,arial } .fixed-cart-list dd.curr .money { color:red } .fixed-cart-list .ly { overflow:hidden; text-align:center; position:absolute; top:0; right:-100%; width:100%; background:rgba(255,255,255,.95); height:100% } .fixed-cart-list .ly div { position:relative; width:100%; height:100% } .fixed-cart-list .ly span { position:absolute; top:50%; margin-top:-28px; width:100%; left:0 } .fixed-cart-list .ly cite { width:22%; display:inline-block; cursor:pointer; line-height:22px; color:#666 } .fixed-cart-list .ly center { overflow:hidden; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; text-align:center; display:inline-block; padding:5px 6px 7px 6px; color:#fff } .fixed-cart-list .ly i { width:22px; display:inline-block; height:22px } .fixed-cart-list .ly .single_buy center { background:#498BF8 } .fixed-cart-list .ly .single_buy i { background-position:-137px -22px } .fixed-cart-list .ly .cart_delete center { background:#ff5000 } .fixed-cart-list .ly .cart_delete i { background-position:-115px -22px } .fixed-cart-list .ly .imfav center { background:#ff9402 } .fixed-cart-list .ly .imfav i { background-position:-88px -23px } .fixed-cart-list .ly .more center { background:#c1c1c1 } .fixed-cart-list .ly .more i { background-position:-59px -24px } .fixed-cart-list .ly cite:hover { color:#000 } .fixed-cart-list .cartNav cite { float:left; margin:10px 0 0 12px; color:#999 } .fixed-cart-list .cartNav cite a { margin-left:25px; color:#999 } .fixed-cart-list .cartNav a.cartjs { float:right; line-height:36px; display:inline-block; background:#ff5000; color:#fff; padding:0 20px; font-size:16px; letter-spacing:1px } .screen_box { padding:0 0 6px 0; display:block; margin:15px 0 0 0; font-size:12px; position:relative } .screen_list { display:block; padding:10px 0 3px; border-bottom:1px solid #eee; position:relative; margin:0 26px } .screen_list:last-of-type { border:0 } .screen_con { margin-left:95px; display:block } .screen_con span { margin-bottom:8px; display:inline-block; padding:4px 10px; background:#fff; margin-right:15px; border-radius:15px; cursor:pointer } .screen_con a { margin-bottom:7px; display:inline-block; padding:2px 10px; margin-right:15px; border-radius:15px; cursor:pointer; line-height:19px } .screen_con option,.screen_con select { color:#4c4c4c!important } .screen_con select { border-radius:3px; -webkit-border-radius:3px } .screen_con a:hover { color:#f60 } .screen_con .screen_default { background:#f60; color:#fff } .screen_con .screen_default:hover { color:#fff } .screen_name { font-size:14px; line-height:23px; width:90px; padding:0 5px 0 0; color:#999; float:left; text-align:right } .screen_name span { letter-spacing:.1em; } .screen_name i { display:inline-block; width:14px; height:14px; margin:0 8px 0 0; vertical-align:-2px; background-position:-51px -86px } .screen_name i#isx-20 { background-position:-17px -87px } .screen_name i#isx-33 { background-position:-17px -69px } .screen_name i#isx-37 { background-position:-34px -69px } .screen_name i#isx-100,.screen_name i#isx-75 { background-position:-69px -87px } .screen_name i#isx-82 { background-position:0 -69px } .screen_name i#isx-89 { background-position:-51px -69px } .screen_name i#isx-152,.screen_name i#isx-194 { background-position:-33px -86px } .screen_name i#isx-153 { background-position:-1px -86px } .screen_name i#isx-154 { background-position:-69px -68px } .brand_list { margin-top:3px; margin-bottom:10px } .brand_list a { display:inline-block; width:97px; padding:0 0; background:#fff; margin:-1px 0 0 -1px; border-radius:0; cursor:pointer; line-height:1; position:relative; border:1px solid #eee } .brand_list img { width:100% } .brand_list a:hover b { display:block; border-color:#eee; margin:1px; border:0; z-index:1 } .brand_list a.screen_default b { display:block; border-color:#f60 } .brand_list a b { z-index:2; font-size:14px; border:1px solid #fff; color:#f60; display:none; width:97px; top:-1px; padding:0; line-height:36px; height:36px; left:-1px; position:absolute; text-align:center; background:#fff } .kind_list { display:inline-block; line-height:31px; cursor:pointer; position:relative; padding:0 18px; margin:-3px 2px 0 0; border:1px solid #fff } .kind_list img { vertical-align:2px } .kind_list i { margin-right:5px } .kind_list i.on { color:#EE2E32 } .lubo-box-btn { overflow:hidden; position:absolute; z-index:100 } .lubo-box-btn li { float:left; width:25px; height:8px; margin:0 5px; cursor:pointer; background:#fff; opacity:.4; filter:alpha(opacity=40) } .lubo-box-btn .curr { opacity:.9; filter:alpha(opacity=90) } #infos-table { border-collapse:collapse; border:0; width:100%; clear:both; margin:10px 0 } #infos-table td { padding:9px 12px; border:#e5e5e5 solid 1px } .aproperty { color:#056dae; display:inline-block; padding:0 3px 0 14px; border-radius:3px; background:url(../images/property_i.png) 0 center no-repeat } .aproperty:hover { color:#f60; background:url(../images/property_i_hover.png) 0 center no-repeat } .property_icon { color:#38d; display:inline-block; width:21px; height:21px; background:url(../images/pro_protect.png) center center no-repeat } .property_icon#skip { color:red; background:url(../images/pro_skip.png) center center no-repeat } .aprotect { color:#056dae; display:inline-block; padding:0 3px 0 14px; border-radius:3px; background:url(../images/protect_i.png) 0 center no-repeat } .aprotect:hover { color:#f60; background:url(../images/protect_i_hover.png) 0 center no-repeat } .protect_icon { color:#38d; display:inline-block; width:21px; height:21px; background:url(../images/protect_protect.png) center center no-repeat } .protect_icon#skip { color:red; background:url(../images/protect_skip.png) center center no-repeat } .pdo_tab { margin-bottom:10px; box-shadow:0 1px 5px rgba(0,0,0,.05); height:53px; background:#fff; display:block } .pdo_tab span { float:left; height:50px } .pdo_tab span a { position:relative; display:block; float:left; width:160px; height:50px; line-height:47px; color:#999; text-align:center; font-size:16px; border-top:3px solid #fff } .pdo_tab span a.curr { border-color:#2292dd; color:#2292dd; background:#fff } .pdo_tab #newform { float:right; line-height:53px; color:#ccc; padding:0 20px } .pdo_tab #newform:hover { color:#666 } .pdotable { box-shadow:0 1px 5px rgba(0,0,0,.05); border-collapse:collapse; background:#fff; width:100%; clear:both; table-layout:fixed } .pdotable { border-collapse:collapse; background:#fff; width:100%; clear:both; table-layout:fixed } .pdotable td { color:#666; padding:20px 12px; text-align:center; border-bottom:#eee solid 1px } .pdotable td.tleft { text-align:left } .pdotable thead td { background:#fafafa; font-size:14px; color:#333; border-bottom:#e5e5e5 solid 1px } .pdotable a { color:#056dae } .pdotable a:hover { color:#f60 } #brand_button { display:inline-block; background:#f4f7f9; color:#8fa1bb; padding:5px 10px 6px 10px; border-radius:3px } #brand_button:hover { background:#f2f6f9; color:#728cb2 } #brand_button.brand_shop { border:1px solid #ff4800; background:#fff; color:#ff4f3f } #brand_button.brand_shop:hover { background:#ff4f3f; color:#fff } .ly_cp .top { overflow:hidden; font-size:14px; padding:20px 5px } .ly_cp .notes { border-top-color:#f1f1f1; font-size:12px } .ly_cp .notes h3 { font-size:13px } .ly_cp header { text-align:center; background-color:#f7faff; border-top-left-radius:5px; border-top-right-radius:5px; border-bottom:1px solid #c4dbfe; display:block; height:42px; line-height:42px; font-size:14px; font-weight:600; color:#424e67 } .ly_cp .top p { padding:0 0 15px 0 } .ly_cp .top .a { display:inline-block; width:90px; height:30px; line-height:29px; text-align:center; font-size:14px; color:#fff; background:#f70; border-radius:2px } .ly_cp .top .a#cp_form { margin-left:10px; color:#fff; background:#009688; border:1px solid #009688 } .ly_cp .top .a:hover { background:#f80; color:#fff } .ly_cp .top .a#cp_form:hover { background:#33a89f } .sort_page { line-height:40px; height:40px; border-left:1px solid #eee; display:inline-block; padding:0 10px; color:#959595; font-size:12px } .sort_page i { vertical-align:middle; margin:-3px 5px 0 5px; display:inline-block; width:7px; height:10px; background-position:-184px -471px } .sort_page a#l:hover i { background-position:-176px -471px } .sort_page a#r i { background-position:-192px -471px } .sort_page a#r:hover i { background-position:-199px -471px } div.layui-layer { border:1px solid #e5e5e5\9 } div.layui-form-checkbox { display:inline\9 } div.layui-input-block { margin-left:0\9 } /*¿Í·þ*/ .right-btn-group { position:fixed; top:50%; right:10px; width:34px; height:290px; margin-top:-150px; z-index:200 } .right-btn-group .btn-group span:after,.right-btn-group .show-faq a+div.faq-box:after { content:' '; right:-10px; border-bottom:5px transparent dashed; border-right:5px transparent dashed; border-top:5px transparent dashed } .right-btn-group .btn-group,.right-btn-group .show-wechat,.right-btn-group .to-top { border-radius:2px; background-color:#686868 } .right-btn-group .btn-group { width:34px; height:185px } .right-btn-group .btn-group li { padding-top:10px } .right-btn-group .btn-group li>a { position:relative; display:block; width:34px; height:34px; background:url('../img/common.png') no-repeat } .right-btn-group .btn-group li>a:hover { background-color:#999 } .right-btn-group .btn-group li>a:hover span { display:block } .right-btn-group .btn-group .icon-1 { background-position:0 -230px } .right-btn-group .btn-group .icon-2 { background-position:-29px -230px } .right-btn-group .btn-group .icon-3 { background-position:-58px -230px } .right-btn-group .btn-group .icon-4 { background-position:-91px -230px } .right-btn-group .btn-group .icon-5 { background-position:-60px -410px } .right-btn-group .btn-group span { display:none; position:absolute; width:70px; height:34px; font-size:12px; text-align:center; line-height:34px; top:0; left:-70px; z-index:5; color:#fff; background-color:#686868 } .right-btn-group .btn-group span:after { top:11px; width:1px; height:1px; display:block; position:absolute; z-index:5; border-left:5px #686868 solid } .right-btn-group .show-upload { position:relative } .right-btn-group .show-upload:hover .upload-box { display:block } .right-btn-group .show-upload .upload-box { display:none; padding:30px 20px 22px; width:300px; height:250px; background-color:#fff; -webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.22); box-shadow:0 2px 8px 0 rgba(0,0,0,.22); position:absolute; top:-53px; left:-300px } .right-btn-group .show-upload .upload-title { font-size:16px; text-align:center } .right-btn-group .show-upload .qt-btn { width:260px; height:36px; line-height:36px; margin:6px 0 16px } .right-btn-group .show-upload .icon-qq { display:inline-block; width:26px; height:26px; vertical-align:bottom; background:url('../img/common.png') -155px -176px no-repeat } .right-btn-group .show-upload p { font-size:14px; margin-bottom:8px } .right-btn-group .show-faq { position:relative } .right-btn-group .show-faq a+div.faq-box { display:none; position:absolute; top:-132px; left:-249px; width:183px; padding:18px 0 18px 66px; background-color:#fff; -webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.22); box-shadow:0 2px 8px 0 rgba(0,0,0,.22); } .right-btn-group .show-faq a+div.faq-box:after { width:1px; height:1px; display:block; position:absolute; z-index:5; border-left:5px #fff solid; top:152px } .right-btn-group .show-faq a:hover+div.faq-box,.right-btn-group .show-faq>div.faq-box:hover { display:block } .right-btn-group .show-faq .faq-phone,.right-btn-group .show-faq .faq-qq { position:relative } .right-btn-group .show-faq .faq-phone:after,.right-btn-group .show-faq .faq-qq:after { position:absolute; content:" "; top:0; left:-35px; width:26px; height:26px; background:url('../img/common.png') no-repeat } .right-btn-group .show-faq .faq-phone { margin:18px 0 10px } .right-btn-group .show-faq .faq-phone:after { background-position:-65px -176px } .right-btn-group .show-faq .faq-qq:after { background-position:-155px -176px } .right-btn-group .show-faq p { position:relative; color:#333; font-size:14px; line-height:24px; float:left } .right-btn-group .show-faq .qt-btn { width:90px; height:36px; line-height:36px } .right-btn-group .show-wechat { position:absolute; bottom:36px; right:0; width:34px; height:34px } .right-btn-group .show-wechat a { border-radius:2px; display:block; width:34px; height:34px; background:url('../img/common.png') no-repeat } .right-btn-group .show-wechat a span { display:none; position:absolute; width:140px; height:165px; top:0; left:-140px; background-color:#fff; -webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.22); box-shadow:0 2px 8px 0 rgba(0,0,0,.22); text-align:center } .right-btn-group .show-wechat a:hover span,.right-btn-group .to-top a:hover span { display:block } .right-btn-group .show-wechat a span https { font-size:14px; font-weight:700; color:#666 } .right-btn-group .show-wechat .icon-7 { background-position:-150px -200px } .right-btn-group .to-top { position:absolute; bottom:0; right:0; width:34px; height:34px } .right-btn-group .to-top a { border-radius:2px; display:block; width:34px; height:34px; background:url('../img/common.png') no-repeat } .right-btn-group .to-top a:hover { background-color:#1989fa } .right-btn-group .to-top span { display:none; position:absolute; width:70px; height:34px; font-size:12px; text-align:center; line-height:34px; top:0; left:-70px; z-index:5; color:#fff; background-color:#686868 } .right-btn-group .to-top span:after { content:' '; top:11px; right:-10px; width:1px; height:1px; display:block; position:absolute; z-index:5; border-bottom:5px transparent dashed; border-left:5px #686868 solid; border-right:5px transparent dashed; border-top:5px transparent dashed } .right-btn-group .to-top .icon-6 { background-position:-120px -200px } .right-btn-group .to-quest { position:absolute; bottom:-78px; right:0; width:34px; height:75px } .t_ads img { width: 100px; margin-left: 120px; } /*µ×²¿Ðü¸¡2017.08.25*/ .wic_slogin .wp { width: 1200px; } .wic_slogin_qq .icon-qq { float: left; font-size: 20px; line-height: 40px; margin-left: 20px; color: #ffffff; } .wic_slogin_weixin .icon-weixin { float: left; font-size: 20px; line-height: 40px; margin-left: 20px; color: #ffffff; } .wic_slogin_weibo .icon-weibo { float: left; font-size: 20px; line-height: 40px; margin-left: 20px; color: #ffffff; } .wic_slogin_qq .icon-weixin { float: left; font-size: 20px; line-height: 40px; margin-left: 20px; color: #ffffff; } .wic_slogin_qq .icon-weibo { float: left; font-size: 20px; line-height: 40px; margin-left: 20px; color: #ffffff; } .wic_slogin { position: fixed; z-index: 99; left: 0; bottom: 0; width: 100%; padding: 28px 0; text-align: center; height: 48px; line-height: 45px; background: #fff; border-top: 1px solid #e6e6e6; font-family: microsoft yahei; } .wic_slogin_info { display: inline-block; *zoom: 1; *display: inline; font-size: 22px; font-weight: 400; color: #000; } .wic_slogin_info a { color: #F44336; } .wic_slogin_info a:hover { text-decoration: none; color: #0e1b2b; } .wic_slogin_btn { display: inline-block; *zoom: 1; *display: inline; line-height: 40px; height: 40px; margin-left: 15px; } .wic_slogin_btn a { display: block; background: #ed1c24; color: #fff; padding: 0 20px; border-radius: 3px; font-size: 14px; } .wic_slogin_btn a:hover { background: #ef4d53; text-decoration: none; } .wic_slogin_line { display: inline-block; *zoom: 1; *display: inline; width: 1px; margin: 10px 5px 0 20px; height: 10px; background: #ccc; } .wic_slogin_qq { display: inline-block; *zoom: 1; *display: inline; line-height: 40px; height: 40px; margin-left: 15px; } .wic_slogin_weixin { display: inline-block; *zoom: 1; *display: inline; line-height: 40px; height: 40px; margin-left: 15px; } .wic_slogin_weibo { display: inline-block; *zoom: 1; *display: inline; line-height: 40px; height: 40px; margin-left: 15px; } .wic_slogin_qq a { display: block; color: #fff; padding: 0 20px 0 45px; border-radius: 3px; font-size: 14px; background: #26a1f9 15px center no-repeat; } .wic_slogin_qq a:hover { background-color: #0486f5; text-decoration: none; } .wic_slogin_wechat { display: inline-block; *zoom: 1; *display: inline; line-height: 40px; height: 40px; margin-left: 15px; } .wic_slogin_wechat a { display: block; color: #fff; padding: 0 20px 0 45px; border-radius: 3px; font-size: 14px; background: #2bac19 url(/images/wechat.png) 15px center no-repeat; } .wic_slogin_wechat a:hover { background-color: #2bac19; text-decoration: none; } #cweixin div { background: url('/images/footer-weixin-code.jpg'); background-size: 200px 200px; -moz-background-size: 200px 200px; -webkit-background-size: 200px 200px; -o-background-size: 200px 200px; width: 200px; height: 200px; position: absolute; left: -220px; top: -94px; opacity: 0; transform: scale(0); -webkit-transform: scale(0); transform-origin: 100% 70%; -webkit-transform-origin: 100% 70%; transition: transform ease .3s, opacity ease .3s; -webkit-transition: all ease .3s; border: 1px solid #eee; border-radius: 4px; z-index: 2; } #cweixin:hover div { display: block; transform: scale(1); -webkit-transform: scale(1); opacity: 1; box-shadow: 7px 0px 20px rgba(0, 0, 0, 0.08); } #cweixin:hover div:after { content: ""; border-top: 10px solid transparent; border-right: 0; border-bottom: 10px solid transparent; border-left: 10px solid #fff; position: absolute; bottom: 16px; left: 200px; display: block; } .head_bg .bg_one { background-color: #333333; background-position: center 0; background-repeat: no-repeat; background-size: 1920px; bottom: 0; left: 0; min-height: 200px; position: absolute; right: 0; top: 0; z-index: 10; } .head_bg .bg_one.background { -webkit-filter: grayscale(100%); background: #000; background-position: center top; background-repeat: no-repeat; background-size: cover; filter: grayscale(100%); height: 100%; left: 0; opacity: .2; top: 0; width: 100%; z-index: 0; } @-webkit-keyframes circleRotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(1440deg); transform: rotate(1440deg) } } @keyframes circleRotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(1440deg); transform: rotate(1440deg) } } .ui8-loader { position: relative; top: 10px; left: 50%; z-index: 1; height: 30px; width: 30px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .ui8-loader .ball { position: absolute; display: block; left: 15px; top: 7px; width: 8px; height: 8px; border-radius: 6px; -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-animation: circleRotate 4s both infinite; animation: circleRotate 4s both infinite; -webkit-transform-origin: 0 100% 0; -ms-transform-origin: 0 100% 0; transform-origin: 0 100% 0 } .ui8-loader .ball-1 { z-index: -1; background-color: rgba(0, 87, 255, 1); -webkit-animation-timing-function: cubic-bezier(0.5, 0.3, 0.9, 0.9); animation-timing-function: cubic-bezier(0.5, 0.3, 0.9, 0.9) } .ui8-loader .ball-2 { z-index: -2; background-color: rgba(0, 87, 255, 0.9); -webkit-animation-timing-function: cubic-bezier(0.5, 0.6, 0.9, 0.9); animation-timing-function: cubic-bezier(0.5, 0.6, 0.9, 0.9) } .ui8-loader .ball-3 { z-index: -3; background-color: rgba(0, 87, 255, 0.8); -webkit-animation-timing-function: cubic-bezier(0.5, 0.9, 0.9, 0.9); animation-timing-function: cubic-bezier(0.5, 0.9, 0.9, 0.9) } .ui8-loader .ball-4 { z-index: -4; background-color: rgba(0, 87, 255, 0.7); -webkit-animation-timing-function: cubic-bezier(0.5, 1.2, 0.9, 0.9); animation-timing-function: cubic-bezier(0.5, 1.2, 0.9, 0.9) } .ui8-loader .ball-5 { z-index: -5; background-color: rgba(0, 87, 255, 0.6); -webkit-animation-timing-function: cubic-bezier(0.5, 1.5, 0.9, 0.9); animation-timing-function: cubic-bezier(0.5, 1.5, 0.9, 0.9) } .ui8-loader .ball-6 { z-index: -6; background-color: rgba(0, 87, 255, 0.5); -webkit-animation-timing-function: cubic-bezier(0.5, 1.8, 0.9, 0.9); animation-timing-function: cubic-bezier(0.5, 1.8, 0.9, 0.9) } .ui8-loader .ball-7 { z-index: -7; background-color: rgba(0, 87, 255, 0.4); -webkit-animation-timing-function: cubic-bezier(0.5, 2.1, 0.9, 0.9); animation-timing-function: cubic-bezier(0.5, 2.1, 0.9, 0.9) } .ui8-loader .ball-8 { z-index: -8; background-color: rgba(0, 87, 255, 0.3); -webkit-animation-timing-function: cubic-bezier(0.5, 2.4, 0.9, 0.9); animation-timing-function: cubic-bezier(0.5, 2.4, 0.9, 0.9) } .ui8-loader.faded { opacity: 0; } .bfbtop{background-color:#555;height:43px;} .bfbtop a{color:#fff;font-size:14px;height:32px;padding-top:11px;padding-left:30px;padding-right:10px;} .bfbtop a:hover{text-decoration:none;background-color:#444;} .bfbtop .a1{float:left;background:url(../homeimg/t1.png) no-repeat;background-position:8px 14px;padding-left:25px;} .bfbtop .a2{float:right;background:url(../homeimg/t6.png) no-repeat;background-position:13px 14px;margin-left:10px;} .bfbtop .a3{float:right;background:url(../homeimg/t5.png) no-repeat;background-position:13px 14px;margin-left:10px;} .bfbtop .a4{float:right;background:url(../homeimg/t4.png) no-repeat;background-position:13px 16px;margin-left:10px;} .bfbtop .a5{float:right;background:url(../homeimg/t3.png) no-repeat;background-position:13px 14px;margin-left:10px;} .bfbtop .a6{float:right;background:url(../homeimg/t2.png) no-repeat;background-position:13px 14px;margin-left:10px;} .bfbtop .a7{float:right;background:url(../homeimg/t7.png) no-repeat;background-position:10px 14px;margin-left:10px;} .bfbtop .a8{float:right;background:url(../homeimg/t8.png) no-repeat;background-position:13px 16px;margin-left:10px;} .bfbtop1{float:left;width:100%;background-color:#fff;border-bottom:#E1E1E1 solid 1px;} .bfbtop1 .top1{float:left;width:1150px;text-align:left;} .bfbtop1 .top1 .logo{float:left;width:530px;padding:20px 0;} .bfbtop1 .top1 .u1{float:left;border:#00A460 solid 2px;width:400px;height:40px;margin:35px 0 0 0;} .bfbtop1 .top1 .u1 li{float:left;} .bfbtop1 .top1 .u1 .l1{width:60px;height:40px;border-right:#00A460 solid 1px;font-size:14px;} .bfbtop1 .top1 .u1 .l1 #topnwd{float:left;width:55px;height:30px;padding:10px 0 0 5px;background:url(../homeimg/jian2.gif) no-repeat;background-position:43px 17px;cursor:pointer;} .bfbtop1 .top1 .u1 .l1 #topdiv{float:left;width:60px;border:#00A460 solid 1px;border-left:#00a460 solid 2px;border-top:0;background-color:#fff;position:absolute;z-index:100;margin:40px 0 0 -2px;} .bfbtop1 .top1 .u1 .l1 #topdiv a{float:left;width:53px;height:25px;padding:5px 0 0 7px;} .bfbtop1 .top1 .u1 .l1 #topdiv a:hover{background-color:#F8F8F8;text-decoration:none;} .bfbtop1 .top1 .u1 .l2{width:263px;} .bfbtop1 .top1 .u1 .l2 input{float:left;width:258px;height:27px;border:0;padding:13px 0 0 5px;font-size:14px;} @media screen and (-webkit-min-device-pixel-ratio:0) { .bfbtop1 .top1 .u1 .l2 input{width:263px;height:40px;padding-top:0;} } .bfbtop1 .top1 .u1 .l3{width:76px;} .bfbtop1 .top1 .sqkd{float:right;width:180px;margin:35px 0 0 0;} .bfbtop1 .top1 .sqkd a{float:right;border:#C9C9C9 solid 1px;padding:11px 18px 0 18px;font-size:14px;height:31px;} .bfbtop1 .top1 .sqkd a:hover{text-decoration:none;background-color:#f2f2f2;} .bfbtop1 .top1 .menu{float:left;width:1150px;height:41px;} .bfbtop1 .top1 .menu .m1{float:left;width:170px;} .bfbtop1 .top1 .menu .m1 .t{float:left;width:120px;height:31px;color:#fff;background:url(../homeimg/lie.png) no-repeat;font-size:15px;padding:10px 0 0 50px;background-color:#00B369;text-align:left;background-position:21px 14px;} .bfbtop1 .top1 .menu .m1 .menun{float:left;width:168px;text-align:left;position:relative;z-index:9;background-color:#fff;border:#E1E1E1 solid 1px;} .bfbtop1 .top1 .menu .m1 .menun .menu1{float:left;height:50px;width:168px;} .bfbtop1 .top1 .menu .m1 .menun .menu1 .lu1{float:left;width:168px;height:50px;} .bfbtop1 .top1 .menu .m1 .menun .menu1 .lu1 a{float:left;height:50px;width:168px;font-size:15px;} .bfbtop1 .top1 .menu .m1 .menun .menu1 .lu1 a:hover{text-decoration:none;background-color:#F1F1F1;color:#0EC5A1;} .bfbtop1 .top1 .menu .m1 .menun .menu1 .lu1 a .s0{float:left;margin:17px 0 0 22px;width:20px;} .bfbtop1 .top1 .menu .m1 .menun .menu1 .lu1 a .s1{float:left;width:106px;margin:15px 0 0 20px;} .bfbtop1 .top1 .menu .m1 .menun .rmenu{float:left;text-align:left;background-color:#fff;position:relative;width:722px;margin-left:169px;} .bfbtop1 .top1 .menu .m1 .menun .rmenu a:hover{color:#00B38A;text-decoration:none;} .bfbtop1 .top1 .menu .m1 .menun .rmenu .tsx{float:left;margin:30px 34px 0 34px;width:654px;border-top:#E2E2E2 dotted 1px;} .bfbtop1 .top1 .menu .m1 .menun .rmenu .s1{float:left;margin:30px 15px 0 34px;font-size:14px;} .bfbtop1 .top1 .menu .m2{float:left;width:930px;height:41px;overflow:hidden;} .bfbtop1 .top1 .menu .m2 a{float:left;font-size:15px;color:#333333;padding:10px 10px 0 10px;margin-left:25px;font-weight:700;} .bfbtop1 .top1 .menu .m2 a:hover{color:#00A460;text-decoration:none;}