body, html { margin:0; padding:0 }
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, html, input, li, ol, p, pre, textarea, ul { margin:0; padding:0; list-style-type:none }
em { font-style:normal }
button, input, optgroup, select, textarea { color:inherit; font:inherit; margin:0 }
textarea { overflow:auto!important }
button { overflow:visible }
button, select { text-transform:none }
button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance:button; cursor:pointer }
button[disabled], html input[disabled] { cursor:default }
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
input { line-height:normal }
input[type=checkbox], input[type=radio] { box-sizing:border-box; padding:0 }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
height:auto
}
input[type=search] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box }
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
:after, :before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
::-moz-selection {
background:#b3d4fc;
text-shadow:none
}
::selection {
background:#b3d4fc;
text-shadow:none
}
:focus { outline:0 }
::-webkit-input-placeholder {
color:#cecece;
font-size:14px
}
:-moz-placeholder {
color:#cecece;
font-size:14px
}
::-moz-placeholder {
color:#cecece;
font-size:14px
}
:-ms-input-placeholder {
color:#cecece;
font-size:14px
}
img { vertical-align:middle; border:0 }
a { color:#707070; text-decoration:none }
a:active, a:hover { color:#60a9d7; text-decoration:none }
.show { display:inline-block }
.hide { display:none!important }
.scroll { overflow-y:auto; display:block!important }
hr { border:0; border-bottom:1px solid #cfd2d9 }
@font-face {
font-family:iconfont;
src:url(/public/css/iconfont.eot);
src:url(/public/css/iconfont.eot?#iefix) format('embedded-opentype'), url(/public/css/iconfont.woff) format('woff'), url(/public/css/iconfont.ttf) format('truetype'), url(/public/css/iconfont.svg#iconfont) format('svg')
}
.arrow, [class*=e_icon], [class*=icon-from-user]:after, [class*=iconfont], [class*=in_icon], [class*=link_icon], [class~=e_icon], [class~=icon-from-user]:after, [class~=iconfont], [class~=in_icon] {
font-family:iconfont!important;
speak:none;
font-style:normal;
font-weight:400;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.item_hide { display:none!important }
* { -webkit-animation-fill-mode:both; animation-fill-mode:both }
.e_link { height:inherit }
.e_btn { display:table; cursor:pointer; text-decoration:none; padding-left:10px; padding-right:10px }
.iconfont { display:inline; color:inherit; height:100%; color:inherit; font-size:inherit; font-family:inherit; font-weight:inherit; text-decoration:none; font-weight:400; text-decoration:none; font-size:inherit; font-family:"Microsoft Yahei"; font-weight:400; text-decoration:none }
.w_hline, .w_vline { margin:0; padding:0; width:inherit; height:inherit }
.w_img { margin:0; padding:0; width:inherit; height:inherit }
.w_btn, .w_btna, .w_btnb, .w_btnc { margin:0; padding:0; width:inherit; height:inherit }
.w_iconbtn, .w_iconbtna, .w_iconbtnb, .w_iconbtnc { margin:0; padding:0; width:inherit; height:inherit }
.w_imgbtn { margin:0; padding:0; width:inherit; height:inherit }
.w_icon { margin:0; padding:0; width:inherit; height:inherit }
.w_iframe { margin:0; padding:0; width:inherit; height:inherit }
.w_html { display:table; margin:0; padding:0; width:inherit; height:inherit }
.w_hline, .w_hline_bg, .w_vline, .w_vline_bg { margin:0; padding:0; width:inherit; height:inherit }
.w_swf { margin:0; padding:0; width:inherit; height:inherit }
.w_movie { margin:0; padding:0; width:inherit; height:inherit }
.w_rbox { margin:0; padding:0; width:100%; height:100% }
.w_wbox { margin:0; padding:0; width:100%; height:100% }
.w_bbox { margin:0; padding:0; width:100%; height:100% }
.w_relationbtnbar, .w_relationbtntab { margin:0; padding:0; width:inherit; height:inherit }
.w_inons { margin:0; padding:0; width:inherit; height:inherit }
.w_listall { margin:0; padding:0; width:inherit; height:inherit }
.w_tuwen { margin:0; padding:0; width:inherit; height:inherit }
.ellipsis { text-overflow:ellipsis; white-space:nowrap; overflow:hidden }
.pagebox { position:relative }
.SingleIntercept { overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important }
.widther { overflow:hidden!important; position:relative }
.widther img, .widther video { width:100%!important; height:auto!important; left:50%!important; top:50%!important; -webkit-transform:translate(-50%, -50%)!important; -ms-transform:translate(-50%, -50%)!important; transform:translate(-50%, -50%)!important; position:absolute!important }
.smaller .widther img { width:100%!important; height:auto!important; left:50%!important; top:50%!important; -webkit-transform:translate(-50%, -50%)!important; -ms-transform:translate(-50%, -50%)!important; transform:translate(-50%, -50%)!important; position:absolute!important }
.higher .widther img { width:100%!important; height:auto!important; left:50%!important; top:50%!important; -webkit-transform:translate(-50%, -50%)!important; -ms-transform:translate(-50%, -50%)!important; transform:translate(-50%, -50%)!important; position:absolute!important }
.higher { overflow:hidden!important; position:relative }
.higher img, .higher video { width:auto!important; height:100%!important; left:50%!important; top:50%!important; -webkit-transform:translate(-50%, -50%)!important; -ms-transform:translate(-50%, -50%)!important; transform:translate(-50%, -50%)!important; position:absolute!important }
.smaller .higher img { width:auto!important; height:100%!important; left:50%!important; top:50%!important; -webkit-transform:translate(-50%, -50%)!important; -ms-transform:translate(-50%, -50%)!important; transform:translate(-50%, -50%)!important; position:absolute!important }
.widther .higher img { width:auto!important; height:100%!important; left:50%!important; top:50%!important; -webkit-transform:translate(-50%, -50%)!important; -ms-transform:translate(-50%, -50%)!important; transform:translate(-50%, -50%)!important; position:absolute!important }
.smaller { overflow:hidden!important; position:relative }
.smaller img, .smaller video { height:auto!important; width:auto!important; left:50%!important; top:50%!important; -webkit-transform:translate(-50%, -50%)!important; -ms-transform:translate(-50%, -50%)!important; transform:translate(-50%, -50%)!important; position:absolute!important }
.higher .smaller img { height:auto!important; width:auto!important; left:50%!important; top:50%!important; -webkit-transform:translate(-50%, -50%)!important; -ms-transform:translate(-50%, -50%)!important; transform:translate(-50%, -50%)!important; position:absolute!important }
.widther .smaller img { height:auto!important; width:auto!important; left:50%!important; top:50%!important; -webkit-transform:translate(-50%, -50%)!important; -ms-transform:translate(-50%, -50%)!important; transform:translate(-50%, -50%)!important; position:absolute!important }
.swiper-container { margin:0 auto; position:relative; overflow:hidden!important; z-index:1 }
.swiper-wrapper { position:relative; width:100%; height:auto; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box }
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -o-transform:translate(0, 0); -ms-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) }
.swiper-slide { -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:100%; height:100%; position:relative }
.lantern { margin-left:60px!important; margin-right:60px!important }
.MatteBox { height:100%; width:100%; position:fixed; left:0; top:0 }
.temporary { display:block!important; overflow:visible!important }
.ce_banner { position:relative }
.ce_detail { position:relative }
.ce_detail .ie_btn { position:absolute; width:200px; height:52px; font-size:14px }
.ce_detail .ie_btn>div { width:100%; height:100%; display:table }
.ce_detail .ie_btn i { font-family:iconfont; font-style:inherit }
.ce_detail .ie_btn a { color:inherit; width:100%; height:100%; display:table }
.ce_detail .ie_btn .font { display:table-cell; vertical-align:middle; text-align:center }
.ce_detail .ie_line { position:absolute }
.ce_detail .ie_line>div { width:100%; height:100% }
.ce_detail .ie_icon { position:absolute; width:36px; height:36px }
.ce_detail .ie_icon>div { width:100%; height:100%; display:table; font-size:20px; color:#a0a0a0 }
.ce_detail .ie_icon a { color:inherit; width:100%; height:100%; display:table }
.ce_detail .ie_icon i { font-family:iconfont; font-style:inherit }
.ce_detail .ie_icon .in_icon { display:table-cell; vertical-align:middle; text-align:center }
.ce_detail .ie_img { position:absolute; width:640px; height:206px }
.ce_detail .ie_img>div { width:100%; height:100% }
.ce_detail .ie_img a { color:inherit; width:100%; height:100%; display:block }
.ce_detail .ie_box { position:absolute; width:300px; height:300px }
.ce_detail .ie_box>div { width:100%; height:100% }
.ce_detail .ie_title { width:320px; height:200px }
.ce_detail .ie_title>div { width:100%; height:100% }
.ce_detail .ie_text { width:320px; height:200px }
.ce_detail .ie_text>div { width:100%; height:100% }
input::-ms-clear {
display:none
}
.reset_style { line-height:normal; word-wrap:break-word; word-break:break-all; font-size:14px }
.reset_style h1 { font-weight:700; font-size:24px; margin:0 }
.reset_style h2 { font-weight:700; font-size:18px; margin:0 }
.reset_style h3 { font-weight:700; font-size:19px; margin:0 }
.reset_style h4 { font-weight:700; font-size:16px; margin:0 }
.reset_style h5 { font-weight:700; font-size:14px; margin:0 }
.reset_style h6 { font-weight:700; font-size:12px; margin:0 }
.reset_style p { margin:0; font-size:14px }
.reset_style>span { font-size:14px }
.resetHtmlCssStyle .reset_style a, .reset_style a { text-decoration:none!important }
.reset_style em { font-style:italic }
.reset_style ol, .reset_style ul { padding-left:20px; padding-right:20px }
.resetHtmlCssStyle .reset_style ul, .reset_style ul { list-style:disc outside none }
.resetHtmlCssStyle .reset_style ol, .reset_style ol { list-style:decimal outside none }
.reset_style li { display:list-item; list-style-type:inherit }
.w_img-001 .p_dimage { height:100%\9\0!important }
div[data-cg-visible=true] { display:block }
video:-webkit-full-screen {
background-color:transparent!important;
position:relative!important;
left:0!important;
top:0!important;
min-width:0!important;
max-width:none!important;
min-height:0!important;
max-height:none!important;
width:100%!important;
height:100%!important;
display:block!important;
transform:none!important;
margin:0!important;
flex:1 1 0!important
}
video:-moz-full-screen {
background-color:transparent!important;
position:relative!important;
left:0!important;
top:0!important;
min-width:0!important;
max-width:none!important;
min-height:0!important;
max-height:none!important;
width:100%!important;
height:100%!important;
display:block!important;
transform:none!important;
margin:0!important;
flex:1 1 0!important
}
@media only screen and (max-width:768px) {
div[data-vhide768] {
display:none!important
}
}
@media only screen and (max-width:1024px) and (min-width:769px) {
div[data-vhide1024] {
display:none!important
}
}
@media only screen and (min-width:1025px) {
div[data-vhide100p] {
display:none!important
}
}
.r_confirm { position:fixed; z-index:99; left:0; top:0; width:100%; height:100%; overflow:hidden; background:rgba(0, 0, 0, .5); text-align:center }
.r_confirm_con { margin-top:100px; display:inline-block; width:420px; max-width:90%; background:#fff; border-radius:5px; padding:20px; text-align:left; position:relative }
.r_confirm_con .r_confirm_close { position:absolute; right:20px; top:20px; line-height:1 }
.r_confirm_con .r_confirm_title { color:#333; font-weight:700; padding-right:10px }
.r_confirm_con .r_confirm_content { line-height:1.5; margin-bottom:20px }
.r_confirm_con .r_confirm_oprate { text-align:right; padding-top:10px }
.r_confirm_con .r_confirm_oprate .btn+.btn { margin-left:10px }
.r_confirm_con.r_hasIcon { padding-left:55px; position:relative }
.r_confirm_con .iconfont { position:absolute; left:20px; top:15px; font-size:24px }
.r_confirm_con .iconfont.success { color:#4cc82a }
.r_confirm_con .iconfont.warning { color:#fbae24 }
.r_confirm_con .iconfont.error { color:#f80f22 }
@media screen and (max-width:768px) {
.r_confirm_con {
text-align:center;
padding:20px 0 0
}
.r_confirm_con.r_hasIcon {
padding-left:0
}
.r_confirm_con .iconfont {
display:none
}
.r_confirm_con .r_confirm_close {
display:none
}
.r_confirm_con .r_confirm_title {
color:#333;
font-size:24px;
font-weight:400;
padding:0 20px
}
.r_confirm_con .r_confirm_content {
padding:0 20px
}
.r_confirm_con .r_confirm_oprate {
border-top:1px solid #ddd;
padding:0;
display:flex
}
.r_confirm_con .r_confirm_oprate .btn {
flex:1;
line-height:2.5;
border:0;
background:0;
font-size:16px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.r_confirm_con .r_confirm_oprate .btn-default {
color:#999
}
.r_confirm_con .r_confirm_oprate .btn-primary {
color:#1890ff;
border-left:1px solid #ddd
}
.r_confirm_con .r_confirm_oprate .btn+.btn {
margin:0
}
}
.r_counter { width:120px; display:inline-block }
.r_counter_input { text-align:center }
.r_message { position:fixed; text-align:center; top:20%; display:block; width:100%; min-width:300px; left:0; z-index:99 }
.r_message_con { display:inline-block; border-radius:5px; max-width:80%; background:#fff; box-shadow:0 0 5px #bbb; color:#666; line-height:20px; padding:20px 35px; text-align:left }
.r_message_con * { vertical-align:middle }
.r_message_con .iconfont { margin-right:15px; font-size:20px }
.r_message_con .iconfont.success { color:#4cc82a }
.r_message_con .iconfont.warning { color:#fbae24 }
.r_message_con .iconfont.error { color:#f80f22 }
@media screen and (max-width:768px) {
.r_message {
max-width:90%
}
.r_message_con {
background:rgba(0, 0, 0, .7);
color:#fff;
border:0;
border-radius:3px;
box-shadow:none;
padding:5px 10px
}
.r_message_con .iconfont {
display:none
}
}
.r_steps { display:inline-block; margin:0; padding:0; margin-top:10px }
.r_steps .r_item { display:block; float:left; width:100px; border-top:3px solid #ccc; text-align:center; padding-top:10px; padding-bottom:10px; position:relative }
.r_steps .r_item span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; display:block }
.r_steps .r_item:before { content:''; width:10px; height:10px; border:1px solid #fff; border-radius:5px; background:#ccc; position:absolute; left:50%; margin-left:-4px; top:-7px }
.r_steps .r_item.r_current, .r_steps .r_item.r_passed { border-color:#1890ff }
.r_steps .r_item.r_current:before, .r_steps .r_item.r_passed:before { background-color:#1890ff }
.r_steps .r_item.r_current span { color:#000 }
.r_steps .r_item.r_current:before { width:12px; height:12px; border-radius:6px; top:-8px }
.audio-box * { padding:0; margin:0 }
.ieaudio { display:none; padding:0 10px; min-height:40px; position:relative; overflow:hidden }
.ieaudio .iePlayer { position:absolute; z-index:-1 }
.audio-box { background-color:#121212; color:#fafafa }
.audio-cover img { display:block; height:100%; margin:auto }
.audio-body { padding:0 10px }
.audio-title { font-weight:400; font-size:14px; line-height:40px; height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.audio-backs { position:relative; padding-left:50px; padding-right:50px; height:20px }
.audio-count-time, .audio-this-time { position:absolute; top:0; width:50px; font-size:14px; height:20px; line-height:20px }
.audio-this-time { left:0 }
.audio-count-time { right:0; text-align:right }
.audio-setbacks { height:6px; border-radius:3px; background-color:#333; cursor:pointer }
.audio-setbacks { position:relative; top:7px }
.audio-cache-setbacks, .audio-this-setbacks { height:100%; position:absolute; left:0; top:0; border-radius:3px }
.audio-cache-setbacks { width:0; background-color:#535353; z-index:1; cursor:pointer; transition:width .6s ease;
-webkit-transition:width .6s ease
}
.audio-this-setbacks { background-color:#c70c0c; z-index:2 }
.audio-backs-btn { position:absolute; right:-3px; margin-top:-2px; width:12px; height:12px; background-color:#fafafa; border-radius:50%; cursor:pointer }
.audio-set-volume { box-sizing:border-box; position:absolute; right:-80px; bottom:1px; width:80px; height:15px; padding-left:15px; z-index:999; transition:.6s width ease
}
.volume-box { border-radius:6px; width:100%; height:6px; background-color:#333 }
.volume-box i { border-radius:6px; position:relative; display:block; width:0; height:100%; background-color:#c70c0c }
@media only screen and (max-width:768px) {
.ieaudio .icon-pause, .ieaudio .icon-play {
position:absolute;
left:0;
top:0;
line-height:40px;
text-align:center;
width:40px;
height:40px;
font-size:16px;
cursor:pointer
}
.audio-maincon {
padding-right:0
}
.audio-view {
position:relative;
padding-left:60px;
height:70px;
overflow:hidden;
transition:all .6s ease;
-webkit-transition:all .6s ease
}
.audio-cover {
display:none
}
.audio-btn {
position:absolute;
left:0;
top:0
}
.audio-select {
height:70px;
width:70px;
font-size:14px;
text-align:center;
transition:all .6s ease;
-webkit-transition:all .6s ease
}
.icon-pause, .icon-play {
width:100%;
height:100%;
display:block;
line-height:70px;
font-size:28px
}
.icon-volume-up {
display:none
}
}
@media only screen and (min-width:769px) {
.ieaudio {
min-height:40px;
position:relative
}
.ieaudio .icon-pause, .ieaudio .icon-play {
position:absolute;
left:0;
top:0;
line-height:40px;
text-align:center;
width:40px;
height:40px
}
.audio-maincon {
position:relative;
padding-right:150px
}
.audio-view {
position:relative;
padding-left:0;
height:70px;
overflow:hidden;
transition:all .6s ease;
-webkit-transition:all .6s ease
}
.audio-cover {
position:absolute;
left:0;
top:0;
width:80px;
height:80px;
background-size:auto 100%;
background-repeat:no-repeat;
background-position:center center;
background-color:#535353
}
.audio-btn {
position:absolute;
right:0;
top:0
}
.audio-select {
height:20px;
margin-top:3px;
width:130px;
float:right;
font-size:14px;
text-align:center;
transition:all .6s ease;
-webkit-transition:all .6s ease
}
.audio-select>div {
position:relative;
width:20px;
height:20px;
background-size:100% 100%;
background-position:center center;
background-repeat:no-repeat;
float:left;
cursor:pointer
}
.audio-select>div+div {
margin-left:10px
}
}
.h1, .h2, .h3, .h4, .h5, .h6 { margin:0; padding:0; color:#262626 }
.h1 { font-size:36px }
.h2 { font-size:30px }
.h3 { font-size:24px }
.h4 { font-size:18px }
.h5 { font-size:16px }
.h6 { font-size:12px }
.price { font-size:20px; color:red }
.price-sm { font-size:14px; color:red }
.dot { background:#9e9e9e; width:20px; height:20px; border-radius:50% }
.dot.current { background:#1890ff }
.tit_emphasize { font-size:16px; color:#1890ff }
.color_error { color:red }
.color_info { color:#1890ff }
.color_shallow { color:#65beba }
.color_horizon { color:#fff }
.color_disable { color:#bfbfbf }
.font_red { color:#f33 }
.font_orange { color:#ea9d2f }
.font_blue { color:#409eff }
.font_green { color:#3c6 }
.Madd { color:#80c949; font-size:24px }
.minor_info { color:#8c8c8c; font-weight:400; font-size:14px }
.minor_info.minor_info_sm { font-size:12px }
.description { color:#8c8c8c; font-size:14px }
.search_window { background:#fff }
.search_window .btn { border-radius:0 }
.search_window input { border:none; outline:0; background:0 0; padding:0 10px; margin:0 }
@media only screen and (max-width:768px) {
.search_window {
border:none
}
}
@media only screen and (min-width:769px) {
.search_window {
border:1px solid #1890ff
}
}
.dialog { background:#fff }
.Mtag { border:1px solid #ffb4b0; background:#fff1f0; color:#f63b44; font-size:14px; padding:5px 10px; border-radius:5px }
.background-textinfo { background:#efeff4 }
.background_shopCart { background:#f5212d }
.background_sort { background:#bfbfbf }
.background_assist { background:#e5e5e5 }
.background_form { background:#fafafa }
.background_info { background:#e6f7ff }
.background_shade { background:rgba(0, 0, 0, .45) }
:root .background_shade { filter:none }
.border_default { border:1px solid #d9d9d9 }
.borderT_default { border-top:1px solid #d9d9d9 }
.borderB_default { border-bottom:1px solid #d9d9d9 }
.borderR_default { border-right:1px solid #d9d9d9 }
.borderL_default { border-left:1px solid #d9d9d9 }
.border_dividers { border:1px solid #e8e8e8 }
.borderB_dividers { border-bottom:1px solid #e8e8e8 }
.borderT_dividers { border-top:1px solid #e8e8e8 }
.borderR_dividers { border-right:1px solid #e8e8e8 }
.borderL_dividers { border-left:1px solid #e8e8e8 }
.borderT_bar { border-top:20px solid #f5f5f5 }
.borderB_bar { border-bottom:20px solid #f5f5f5 }
.borderB_bard { border-bottom:10px solid #f5f5f5 }
.borderB_bars { border-bottom:5px solid #9e9e9e }
.item { border:2px solid #d9d9d9 }
.item:hover { border:2px solid #a3d3ff }
.p_infosDiff { background:#e5f7ff; border:1px solid #1890ff; color:#1890ff }
.p_infoBg { background:#1890ff }
.label-default { border:1px solid #d9d9d9; background:#f5f5f5; color:#595959 }
.mouse_bac:hover { background-color:#e6f7ff; color:#1890ff }
@media only screen and (max-width:768px) {
.p_categoryBtn:before {
content:""
}
.icon-arrow_up:before {
content:"\e69a"
}
.icon-arrow_down:before {
content:"\e69c"
}
.p_btn-show .p_c-fff {
margin:0 0 0 10px;
vertical-align:middle;
width:auto;
display:inline-block
}
.p_btn-hide {
width:10%;
height:100%;
float:left;
padding:0;
background:#bfbfbf
}
.p_btn-hide .p_c-fff {
width:100%;
height:40px;
display:block;
text-align:center;
line-height:40px;
margin-top:120px;
background:#686868
}
.p_parentBox .p_childBox .p_linkBox {
border-bottom:1px solid #e1e1e4
}
.p_linkBox {
padding:5px 10px;
display:flex
}
.p_title {
flex:1;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
padding:10px 0
}
.p_category {
width:100%;
height:100%;
position:fixed;
top:0;
left:100%;
transition:left .3s;
z-index:9999
}
.p_category.animate {
left:0
}
.p_parent {
display:flex;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
padding:0 0 0 5px;
border-bottom:1px solid rgba(255, 255, 255, .3)
}
.p_categoryBox {
overflow-y:auto;
width:90%;
height:100%;
float:left;
box-sizing:border-box
}
.p_parentBox {
width:auto;
height:auto
}
.p_childBox {
padding-left:20px;
background:#efeff4
}
.p_categoryBtn {
display:inline-block;
width:30px;
line-height:40px
}
.p_link {
height:auto;
vertical-align:middle;
width:initial;
margin:10px 0;
flex:1
}
}
@media only screen and (max-width:768px) {
.decTab.active, .decTab:hover {
color:#f52f33;
border-bottom:2px solid #f52f33
}
}
@media only screen and (min-width:769px) {
.decTab {
cursor:pointer
}
.decTab.active, .decTab:hover {
color:#1890ff;
border-bottom:2px solid #1890ff
}
}
.mod_select { cursor:default; width:160px; height:36px; position:relative; float:left }
.box-select { width:143px; height:36px; display:inline-block; padding:6px 10px; border:1px solid #ccc; overflow:hidden; position:relative; border-radius:3px }
.select_txt { color:#555; display:inline-block; width:120px; line-height:21px; height:21px; cursor:text; overflow:hidden }
.mod_select .option { width:300px; height:300px; overflow:auto; border:solid 1px #ede7d6; position:absolute; z-index:9999; top:36px; left:0; background:#fff; display:none }
.mod_select .option li { color:#555; display:block; height:26px; line-height:26px; text-align:left; padding-left:10px; margin-left:0; width:100%; background:#fff; border-style:none; box-sizing:border-box; overflow:hidden }
.mod_select .option li:hover { color:#555; background:#e5e5e5 }
.select-icon { position:absolute; top:9px; right:3px }
.btn { display:inline-block }
.btn-tab, .btn-tab:focus, .btn-tab:hover { color:#1890ff; background-color:#fff; border-color:#329cff }
.btn-tab.active, .btn-tab.active.focus, .btn-tab.active:focus, .btn-tab.active:hover, .btn-tab:active, .btn-tab:active.focus, .btn-tab:active:focus, .btn-tab:active:hover, .open>.dropdown-toggle.btn-tab, .open>.dropdown-toggle.btn-tab.focus, .open>.dropdown-toggle.btn-tab:focus, .open>.dropdown-toggle.btn-tab:hover { color:#fff; background:#1890ff; border-color:#329cff }
@media only screen and (max-width:768px) {
.btn-order {
border:1px solid #f52f33;
border-radius:35px;
color:#f52f33;
font-size:14px;
padding:2px 25px;
background:#fff
}
.btn-assist {
border:1px solid #ccc;
border-radius:35px;
color:#666;
font-size:14px;
padding:2px 25px;
background:#fff
}
}
.order_status { color:#f52f3a }
.order_assist { color:#666 }
.btn.disabled, .btn.unavailable, .btn[disabled], fieldset[disabled] .btn { background:#f8f8f8!important; border-color:#d9d9d9!important; color:#a4a4a4!important }
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline:0 }
.form-label { line-height:34px; font-size:14px }
.text-error { font-style:normal; color:#e43a32; font-size:12px }
.p_categoryBox .p_linkBox.click { background-color:#e6f7ff; color:#1890ff }
.p_categoryBox .p_linkBox.click .color_assist, .p_categoryBox .p_linkBox.click a { color:#1890ff }
.js-regionTreeSelect .treeItemBox { position:absolute; z-index:99; background:#fff; white-space:nowrap }
.js-regionTreeSelect .treeItemList { display:inline-block; vertical-align:top; width:auto; height:auto; border:1px solid #e1e1e1; height:200px; overflow:auto; min-width:150px; margin-left:-1px }
.js-regionTreeSelect .treeItemList:first-child { margin-left:0 }
.js-regionTreeSelect .treeItem { padding:10px 25px 10px 10px; font-size:14px; overflow:hidden; position:relative; line-height:normal }
.js-regionTreeSelect .treeItem:hover { background:#f5f7fa }
.js-regionTreeSelect .treeItem.active { color:#1890ff }
.js-regionTreeSelect .treeItem span { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block }
.js-regionTreeSelect .icon_notLeafNode { color:#999; position:absolute; right:8px; top:13px }
.js-regionTreeSelect .icon_notLeafNode:before { content:'\e6ae' }
.js-regionTreeSelect .afterIcon { position:absolute; top:1px!important; right:8px!important; transform:none!important; width:32px; height:32px; text-align:center; padding-top:6px; pointer-events:none }
@media only screen and (max-width:768px) {
.js-regionTreeSelect .treeItemBox {
position:fixed;
bottom:0;
left:0;
width:100%
}
.js-regionTreeSelect .treeItemList {
border:none;
min-width:initial;
width:33.333333333333333%
}
}
.p_fileItem:hover { background-color:#e5f7ff }
.p_fileItem:hover .btn { background-color:#1890ff; color:#fff }
.p_PromptNoneData { width:auto; background-color:inherit; text-align:center }
.p_PromptNoneData .prompt_title .iconfont:before { content:"" }
.p_PromptNoneData .prompt_title .first { height:auto; display:table-cell; font-size:32px; position:relative; color:#09bb07; vertical-align:middle; padding:0 10px 5px 0 }
.p_PromptNoneData .prompt_title { display:inline-table; padding:0 30px; min-height:200px; height:100% }
.p_PromptNoneData .prompt_title .first:before { content:"\e6b4" }
.p_PromptNoneData .prompt_title .font { font-size:18px; display:table-cell; line-height:normal; vertical-align:middle; color:rgba(51, 51, 51, 1); font-weight:700; text-align:left }
.p_PromptNoneData .promptbox { width:auto; height:100% }
.p_PromptNoneData .prompt_content { font-size:14px; color:rgba(105, 105, 105, 1); padding-left:65px }
@media screen and (max-width:768px) {
.p_OccupyBox {
margin:0;
width:auto;
height:auto;
padding:0;
border:none
}

.p_OccupyBox a { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}
.p_OccupyBox a.page-num-current {display: inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;background: #ccc;color: #fff;}
.p_OccupyBox span.page-num{ display:none}



.p_OccupyBox {
margin:0;
width:auto;
height:auto;
padding:0;
border:0;
overflow:initial
}
.p_pagebox {
width:100%;
height:auto;
margin:20px auto 0;
clear:both;
position:relative;
font-size:0;
white-space:nowrap
}
.p_pagebox .pre {
display:inline-table;
height:45px;
width:28%;
color:rgba(255, 255, 255, 1);
border-width:0;
border-style:solid;
border-color:rgba(255, 255, 255, 0);
background-color:#1890ff;
text-align:center;
padding-top:0;
padding-right:10px;
padding-left:10px;
position:relative;
left:0;
top:0;
box-sizing:border-box
}
.p_pagebox .pre:hover {
color:rgba(255, 255, 255, 1);
border-color:#1890ff;
background-color:#1890ff;
cursor:pointer
}
.p_pagebox .pre:active {
background-color:#1286f2
}
.p_pagebox .pre .font {
display:table-cell;
vertical-align:middle;
bottom:0;
font-size:16px
}
.p_pagebox .pre .iconfont {
display:inline-block;
color:rgba(255, 255, 255, 1);
vertical-align:top;
width:auto;
height:auto;
float:left;
font-size:22px
}
.p_pagebox .pre:hover .iconfont {
color:#fff
}
.p_pagebox .pre:active .iconfont {
color:#fff
}
.p_pagebox .pre .iconfont:before {
content:"\e6b0"
}
.p_pagebox .next {
display:inline-table;
height:45px;
width:28%;
color:rgba(255, 255, 255, 1);
border-width:0;
border-style:solid;
border-color:rgba(255, 255, 255, 0);
background-color:#1890ff;
text-align:center;
padding-top:0;
padding-right:10px;
padding-left:10px;
position:relative;
left:0;
top:0;
box-sizing:border-box
}
.p_pagebox .next:hover {
color:rgba(255, 255, 255, 1);
border-width:0;
border-style:solid;
border-color:rgba(255, 255, 255, 0);
background-color:#1890ff;
cursor:pointer
}
.p_pagebox .next:active {
background-color:#1286f2
}
.p_pagebox .next .font {
display:table-cell;
vertical-align:middle;
bottom:0;
font-size:16px
}
.p_pagebox .next .iconfont {
display:inline-block;
color:rgba(255, 255, 255, 1);
vertical-align:top;
width:auto;
height:auto;
float:right;
font-size:22px
}
.p_pagebox .next:hover .iconfont {
color:rgba(255, 255, 255, 1)
}
.p_pagebox .next:active .iconfont {
color:rgba(255, 255, 255, 1)
}
.p_pagebox .next .iconfont:before {
content:"\e6af"
}
.p_pagebox .js_pageBtnDisable, .p_pagebox .js_pageBtnDisable:active, .p_pagebox .js_pageBtnDisable:hover {
background:#f5f5f5;
border-color:#d9d9d9;
color:#bfbfbf;
cursor:default
}
.p_pagebox .js_pageBtnDisable .iconfont {
color:#bfbfbf
}
.p_pagebox .js_pageBtnDisable:hover .iconfont {
color:#bfbfbf
}
.p_pagebox .NumBox {
width:44%;
height:44px;
display:inline-table;
position:relative;
cursor:pointer;
box-sizing:border-box;
background:#e6e6e6;
vertical-align:top
}
.p_pagebox .num {
display:table-cell;
vertical-align:middle;
font-size:22px;
text-align:center;
width:100%
}
.p_pagebox .ItemBox {
position:absolute;
width:100%;
bottom:44px;
left:0;
z-index:99;
border-bottom:0;
padding-bottom:40px
}
.p_pagebox .ItemBox ul {
height:auto;
max-height:240px;
overflow-y:auto;
border:1px solid #d3d4d4
}
.p_pagebox .ItemBox .jump {
position:absolute;
width:100%;
box-sizing:border-box;
bottom:0;
left:0;
height:40px;
border-left:1px solid #d3d4d4;
border-right:1px solid #d3d4d4;
overflow:hidden;
z-index:9
}
.p_pagebox .jump .jumpInput {
width:100%;
box-sizing:border-box;
height:40px;
line-height:40px;
text-align:center;
border:none;
color:#595959;
background:#fff;
padding:0 5px;
font:initial;
font-size:14px
}
.p_pagebox .num .iconfont {
width:32px;
height:32px;
position:absolute;
right:20px
}
.p_pagebox .num .iconfont:before {
content:"\e69c";
font-size:22px
}
.p_pagebox .NumBox ul li {
width:inherit;
height:40px;
line-height:40px;
text-align:center;
background-color:#fffffe;
color:#323332;
font-size:16px
}
.p_pagebox .NumBox ul li .iconfont:before {
content:""
}
.p_pagebox .NumBox ul li:active {
background-color:#e4e4e4
}
.p_more {
width:100%;
text-align:center;
padding-right:20px;
padding-left:20px;
height:50px;
background-color:rgba(248, 248, 248, .8);
position:relative;
border-radius:0;
border-width:0;
color:rgba(115, 115, 131, 1);
font-size:20px
}
.p_more:active {
background-color:rgba(248, 248, 248, .8)
}
.p_more .font {
vertical-align:middle;
text-align:inherit;
line-height:50px
}
.p_more .iconfont {
display:inline;
vertical-align:middle
}
.p_more .iconfont:before {
content:"\e6d1"
}
.p_CommonLanternBox {
position:relative;
width:auto;
height:auto;
background-color:transparent;
overflow:hidden
}
.p_CommonInteraction {
width:inherit;
height:auto;
background-color:transparent;
overflow:hidden
}
.d_CommonInteractionA {
width:60px;
height:auto;
vertical-align:middle;
position:absolute;
overflow:visible;
top:50%;
left:0;
-webkit-transform:translate(0, -50%);
transform:translate(0, -50%)
}
.d_CommonInteractionB {
width:60px;
height:auto;
vertical-align:middle;
position:absolute;
overflow:visible;
top:50%;
right:0;
-webkit-transform:translate(0, -50%);
transform:translate(0, -50%)
}
.p_CommonSwitchBtnA {
display:inline-block;
position:absolute;
top:50%;
left:50%;
vertical-align:middle;
cursor:pointer;
font-size:56px;
color:rgba(191, 191, 191, 1);
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%)
}
.p_CommonSwitchBtnA .iconfont:before {
content:'\e6b0';
display:inline-block
}
.p_CommonSwitchBtnA .font {
display:table;
width:inherit;
height:inherit;
pointer-events:none
}
.p_CommonSwitchBtnA:active {
color:rgba(105, 192, 188, 1)
}
.p_CommonSwitchBtnB {
position:absolute;
top:50%;
right:50%;
display:inline-block;
vertical-align:middle;
cursor:pointer;
font-size:56px;
color:rgba(191, 191, 191, 1);
-webkit-transform:translate(50%, -50%);
transform:translate(50%, -50%)
}
.p_CommonSwitchBtnB .iconfont:before {
content:'\e6af';
display:inline-block
}
.p_CommonSwitchBtnB .font {
display:table;
width:inherit;
height:inherit;
pointer-events:none
}
.p_CommonSwitchBtnB:active {
color:rgba(105, 192, 188, 1)
}
.p_CommonSummaryBoxA {
width:auto;
height:auto;
margin-bottom:20px;
background-color:transparent;
overflow:hidden;
text-align:center
}
.p_CommonThumbnailBox {
width:auto;
height:auto;
background-color:transparent;
overflow:hidden
}
.p_CommonSquareNumBtn {
display:inline-table;
margin:0 5px;
background-color:rgba(191, 191, 191, 1);
color:rgba(153, 153, 153, 1);
font-size:12px;
border-radius:10px;
text-align:center
}
.p_CommonSquareNumBtn:active {
background-color:#1890ff
}
.p_CommonSquareNumBtn.active {
background-color:#1890ff
}
.p_butBackground {
background-color:#65beba
}
.lantern {
margin-left:50px!important;
margin-right:50px!important
}
.p_CommonSquareNumBtn .shape {
width:inherit;
height:inherit;
text-indent:-99999px;
display:table-cell;
vertical-align:middle;
border-radius:inherit;
-moz-border-radius:inherit
}
}
@media only screen and (min-width:769px) {
.e_pagebox {
width:auto;
height:auto;
clear:both;
position:relative
}
.p_page {
display:inline-block;
padding:30px 0
}
.p_page .PageInterval {
display:inline-block;
position:static;
float:left;
margin-right:5px;
line-height:38px;
font-size:12px
}
.p_page .pre1 {
color:rgba(255, 255, 255, 1)!important;
background-color:#c8c8c8!important;
cursor:not-allowed!important;
border:none!important
}
.p_page .next1 {
color:rgba(255, 255, 255, 1)!important;
background-color:#c8c8c8!important;
cursor:not-allowed!important;
border:none!important
}
.p_page .p_PageInterval {
display:inline-block;
position:static;
float:left;
margin-right:5px;
line-height:38px;
font-size:12px;
font-family:cursive
}
.p_page .pre:after {
content:"";
display:none;
position:absolute;
top:5px;
left:-14px;
width:27px;
height:27px;
background-color:rgba(242, 242, 242, 1);
font-size:0;
line-height:0;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
z-index:-1
}
.p_page .pre:hover:after {
top:4px;
left:-12px;
background-color:rgba(101, 190, 186, 1);
border-radius:4px 0 0 0;
-webkit-box-shadow:0 3px 0 rgba(90, 90, 90, .8);
-moz-box-shadow:0 3px 0 rgba(90, 90, 90, .8);
box-shadow:0 3px 0 rgba(90, 90, 90, .8);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
z-index:-1
}
.p_page .pre:active:after {
top:8px;
left:-12px;
width:28px;
height:25px;
background-color:rgba(90, 170, 167, 1);
border-radius:0 3px 0 0;
-webkit-box-shadow:0 3px 0 rgba(90, 90, 90, .8);
-moz-box-shadow:0 3px 0 rgba(90, 90, 90, .8);
box-shadow:0 3px 0 rgba(90, 90, 90, .8);
-webkit-transform:rotate(-226deg);
-moz-transform:rotate(-226deg);
-o-transform:rotate(-226deg);
-ms-transform:rotate(-226deg);
transform:rotate(-226deg);
z-index:-1
}
.p_page .pre {
display:inline-table;
position:relative;
left:0;
top:0;
float:left;
height:30px;
margin:0 5px 0 18px;
text-align:center;
padding:0 10px;
border-radius:6px;
border:1px solid #d9d9d9;
background:#fff;
color:#595959
}
.p_page .pre:hover {
color:#fff;
background:#1890ff;
border-color:#1890ff;
cursor:pointer
}
.p_page .pre:active {
background:#1890ff;
border-color:#1890ff;
color:#fff
}
.p_page .pre .font {
display:table-cell;
vertical-align:middle;
bottom:0;
font-size:12px
}
.p_page .pre:hover .iconfont {
color:rgba(255, 255, 255, 1)
}
.p_page .pre:active .iconfont {
color:rgba(255, 255, 255, 1)
}
.p_page .pre .iconfont:before {
content:"\e6b0";
margin-right:0
}
.p_page .pre .i_pre {
display:none
}
.p_page .next:after {
content:"";
display:none;
position:absolute;
top:5px;
right:-14px;
width:27px;
height:27px;
background-color:rgba(101, 190, 186, 1);
font-size:0;
line-height:0;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
z-index:-1
}
.p_page .next:hover:after {
top:5px;
right:-12px;
background-color:rgba(101, 190, 186, 1);
border-radius:4px 0 0 0;
-webkit-box-shadow:0 3px 0 #777;
-moz-box-shadow:0 3px 0 #777;
box-shadow:0 3px 0 #777;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
z-index:-1;
width:26px;
height:26px
}
.p_page .next:active:after {
top:8px;
right:-12px;
width:27px;
height:24px;
background-color:rgba(90, 170, 167, 1);
border-radius:0 3px 0 0;
-webkit-box-shadow:0 3px 0 #777;
-moz-box-shadow:0 3px 0 #777;
box-shadow:0 3px 0 #777;
-webkit-transform:rotate(226deg);
-moz-transform:rotate(226deg);
-o-transform:rotate(226deg);
-ms-transform:rotate(226deg);
transform:rotate(226deg);
z-index:-1
}
.p_page .next {
display:inline-table;
position:relative;
left:0;
top:0;
float:left;
height:30px;
border:1px solid #d9d9d9;
background:#fff;
color:#595959;
text-align:center;
padding:0 10px;
border-radius:6px;
margin-right:5px
}
.p_page .next:hover {
background:#1890ff;
border-color:#1890ff;
color:#fff;
cursor:pointer
}
.p_page .next:active {
background:#1890ff;
border-color:#1890ff;
color:#fff
}
.p_page .next .font {
display:table-cell;
vertical-align:middle;
bottom:0;
font-size:12px
}
.p_page .next:hover .iconfont {
color:rgba(255, 255, 255, 1)
}
.p_page .next:active .iconfont {
color:rgba(255, 255, 255, 1)
}
.p_page .next .iconfont:before {
content:"\e6af";
margin-top:0;
float:right;
margin-left:0
}
.p_page .next .i_next {
display:none
}
.p_page .input {
display:inline-table;
position:relative;
left:0;
top:0;
float:left;
height:30px;
text-align:center;
font-size:14px;
margin:0 10px 0 5px
}
.p_page .input .jumpInput {
width:40px;
height:30px;
text-align:center;
border:1px solid #d9d9d9;
color:#595959;
background:#fff;
border-radius:6px;
padding:0 3px;
font:initial;
font-size:14px
}
.p_page .input .jumpInput::-webkit-inner-spin-button, .p_page .input .jumpInput::-webkit-outer-spin-button {
-webkit-appearance:none
}
.p_page .input .jumpInput[type=number] {
-moz-appearance:textfield
}
.p_page .jump {
display:inline-table;
position:relative;
left:0;
top:0;
float:left;
height:30px;
text-align:center;
padding:0 10px;
border-radius:6px;
color:#fff;
border-color:#1890ff;
cursor:pointer;
text-decoration:none;
background-color:#1890ff
}
.p_page .jump .font {
display:table-cell;
vertical-align:middle;
bottom:0;
font-size:12px
}
.p_page .js_pageBtnDisable, .p_page .js_pageBtnDisable:active, .p_page .js_pageBtnDisable:hover {
background:#f5f5f5;
border-color:#d9d9d9;
color:#bfbfbf;
cursor:default
}
.p_page .js_pageBtnDisable:hover .iconfont {
color:#bfbfbf
}
.p_page .pageNum {
position:relative;
float:left;
height:30px;
min-width:30px;
margin:0 5px 0 0;
padding:0 5px;
background-size:100% 100%;
color:#595959;
border:1px solid #d9d9d9;
cursor:pointer;
line-height:30px;
display:inline-block;
font-family:inherit;
font-size:14px;
font-weight:inherit;
text-decoration:none;
background-color:#fff;
text-align:center;
border-radius:6px
}
.p_page .pageNum:hover {
color:#fff;
border-color:#1890ff;
cursor:pointer;
text-decoration:none;
background-color:#1890ff
}
.p_page .pageNum:active {
color:#fff;
text-decoration:none;
background-color:#1890ff;
border-color:#1890ff
}
.p_page .pageNum.active {
text-decoration:none;
background-color:#1890ff;
color:#fff;
border-color:#1890ff
}
.p_page .pageNum .font {
display:table-cell;
vertical-align:middle;
bottom:0
}
.p_page .pageNum .iconfont {
display:inline;
color:rgba(255, 255, 255, 1);
vertical-align:middle
}
.p_page .pageNum:hover .iconfont {
color:rgba(255, 255, 255, 1)
}
.p_page .pageNum:active .iconfont {
color:rgba(255, 255, 255, 1)
}
.p_page .pageNum .iconfont:before {
content:""
}
.p_page .PageInterval {
line-height:30px;
cursor:text;
color:rgba(102, 102, 102, 1)
}
.p_page .p_PageInterval {
line-height:30px;
cursor:text;
color:#ccc;
font-family:cursive
}
.p_page .pagesize {
font-size:14px;
float:left;
margin-left:10px
}
.p_OccupyBox {
margin:0;
width:auto;
height:auto;
padding:0;
border:none;
overflow:hidden;
text-align:center
}

.p_OccupyBox a { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}
.p_OccupyBox a.page-num-current {display: inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;background: #ccc;color: #fff;}
.p_OccupyBox span.page-num{ display:none}
.swiper-pagination1 { margin-top:20px}

.swiper-pagination1 .swiper-pagination-bullet{ background:#fff; width:10px; height:10px; opacity:0.8; margin:2px 3px}

.swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#8fc31f;opacity:0.8}
.p_CommonInteraction {
margin:0;
width:236px;
height:317px;
padding:0;
border-width:1px;
border-style:none;
border-color:rgba(228, 228, 228, 0);
background-color:transparent;
overflow:hidden
}
.p_CommonLanternBox {
position:relative;
margin:0;
width:auto;
height:auto;
padding:0;
border-width:1px;
border-style:none;
border-color:rgba(228, 228, 228, 0);
background-color:transparent;
overflow:hidden
}
.p_CommonSwitchBtnA {
position:absolute;
top:50%;
left:50%;
display:inline-block;
vertical-align:middle;
cursor:pointer;
font-size:45px;
color:#e5e5e5;
transform:translate(-50%, -50%)
}
.p_CommonSwitchBtnA .iconfont:before {
content:"\e687";
display:inline-block
}
.p_CommonSwitchBtnA:hover {
cursor:pointer;
color:#1890ff
}
.p_CommonSwitchBtnB {
position:absolute;
top:50%;
right:50%;
display:inline-block;
vertical-align:middle;
cursor:pointer;
transform:translate(50%, -50%);
font-size:45px;
color:#e5e5e5;
vertical-align:middle;
cursor:pointer
}
.p_CommonSwitchBtnB .iconfont:before {
content:"\e6ae";
display:inline-block
}
.p_CommonSwitchBtnB:hover {
color:#1890ff;
cursor:pointer
}
.d_CommonInteractionA {
left:0;
width:60px;
height:auto;
vertical-align:middle;
position:absolute;
overflow:visible;
top:50%;
transform:translate(0, -50%)
}
.d_CommonInteractionB {
right:0;
width:60px;
height:auto;
vertical-align:middle;
position:absolute;
overflow:visible;
top:50%;
transform:translate(0, -50%)
}
.p_CommonSummaryBoxA {
margin:0 0 20px;
width:auto;
height:auto;
padding:0;
border-width:1px;
border-style:none;
border-color:rgba(228, 228, 228, 0);
background-color:transparent;
overflow:hidden;
text-align:center
}
.p_CommonThumbnailBox {
margin:0;
width:auto;
height:auto;
padding:0;
border-width:1px;
border-style:none;
border-color:rgba(228, 228, 228, 0);
background-color:transparent;
overflow:hidden
}
.p_CommonSquareNumBtn {
display:inline-block;
height:10px;
width:100px;
margin:0 8px;
padding:0;
background-color:rgba(228, 228, 228, 1);
border-width:1px;
border-color:transparent;
color:rgba(153, 153, 153, 1);
font-size:12px;
font-family:"Microsoft YaHei";
text-align:center;
cursor:pointer
}
.p_CommonSquareNumBtn img {
display:none
}
.p_CommonSquareNumBtn .shape {
text-indent:-9999em;
width:inherit;
height:inherit;
vertical-align:middle
}
.p_CommonSquareNumBtn.active, .p_CommonSquareNumBtn:hover {
background-color:#1890ff;
color:#fff
}
.p_CommonSquareNumBtn.j-nav-active {
background-color:rgba(103, 184, 180, 1);
color:rgba(255, 255, 255, 1)
}
.p_scroll {
width:100%;
height:auto;
position:relative
}
.p_scroll .vline {
width:100%;
border-top-width:1px;
border-top-style:solid;
border-top-color:#f0f0f0;
opacity:1;
position:absolute;
top:50%;
-webkit-transform:translate(0, -50%);
transform:translate(0, -50%)
}
.p_scroll .scrolling {
width:77px;
height:25px;
border:1px solid #bababb;
background:-webkit-linear-gradient(#fff, #f2f2f3);
background:-o-linear-gradient(#fff, #f2f2f3);
background:-moz-linear-gradient(#fff, #f2f2f3);
background:linear-gradient(#fff, #f2f2f3);
border-radius:6px;
position:relative;
left:50%;
text-align:center;
font-size:15px;
box-shadow:0 0 10px #fff inset, 0 1px 1px rgba(0, 0, 0, .1);
color:#aaa;
cursor:pointer
}
.p_scroll .scrolling:hover {
border:1px solid #bababb;
background:-webkit-linear-gradient(#fff, #f7f7f8);
background:-o-linear-gradient(#fff, #f7f7f8);
background:-moz-linear-gradient(#fff, #f7f7f8);
background:linear-gradient(#fff, #f7f7f8)
}
.p_scroll .scrolling:active {
border:1px solid #bababb;
background:-webkit-linear-gradient(#fff, #e4e4e4);
background:-o-linear-gradient(#fff, #e4e4e4);
background:-moz-linear-gradient(#fff, #e4e4e4);
background:linear-gradient(#fff, #e4e4e4);
box-shadow:0 0 10px #fff inset, 0 1px 2px rgba(0, 0, 0, .1)
}
.p_more {
position:static;
width:100%;
margin:0 auto;
text-align:center;
padding-right:20px;
padding-left:20px;
height:70px;
background-color:#f6f7f8;
position:relative;
border-radius:0;
border-width:0;
color:rgba(115, 115, 131, 1);
font-size:18px
}
.p_more:active {
background-color:#f6f7f8
}
.p_more .font {
vertical-align:middle;
text-align:inherit;
line-height:70px
}
.p_more .iconfont {
display:inline;
vertical-align:middle;
font-style:normal
}
.p_more .iconfont:before {
content:"\e6d1"
}
}
.p_stepBox { width:100%; height:30px; font-size:0; line-height:30px; overflow:hidden; text-align:center; margin:20px auto 0 }
.p_stepBox .step { display:inline-block; vertical-align:middle; overflow:hidden; padding:0 5px; color:#ccc; min-width:110px; float:none }
.p_stepBox .step .stepCon { float:left; margin-right:10px }
.p_stepBox .step .stepNum { display:inline-block; vertical-align:middle; width:22px; height:22px; line-height:20px; border:1px solid #ccc; border-radius:50%; font-size:12px }
.p_stepBox .step .p_stepCompletedIcon { display:inline-block; vertical-align:middle; width:22px; height:22px; line-height:22px; border:1px solid #1890ff; border-radius:50%; font-size:12px; color:#1890ff; display:none }
.p_stepBox .step .stepText { display:inline-block; vertical-align:middle; font-size:14px; margin-left:4px }
.p_stepBox .step .stepLine { height:1px; overflow:hidden; background:#ccc; margin-top:16px }
.p_stepBox .step.active .stepNum { background:#1890ff; color:#fff; border-color:#1890ff }
.p_stepBox .step.active .stepText { color:#000; font-weight:600 }
.p_stepBox .step.active .stepLine { background:#1890ff }
.p_stepBox .step.completed .stepNum { display:none }
.p_stepBox .step.completed .p_stepCompletedIcon { display:inline-block }
.p_stepBox .step.completed .stepText { color:#000 }
.p_stepBox .step.completed .stepLine { background:#1890ff }
.overstriking { color:#000; font-weight:700 }
.activity { border-radius:3px }
.imaginary { border-bottom:1px dotted gray }
.reply { background:#e1e1e1; color:#fff }
.reviewBackground { background:#eee }
.background_fb { background-color:#bfbfbf }
.background_horizon { background:#fff }
.res_cont_tags { padding:0 0 5px }
.res_contdetail_tags { text-align:center }
.res_cont_tags>span { border:1px solid #ccc; font-size:12px; margin:0 4px; line-height:16px; display:inline-block; padding:0 2px }
.res_contlist_tags>span { margin:0 6px 0 0 }
.res_cont_tags>span.font_red { border-color:#f33 }
.res_cont_tags>span.font_orange { border-color:#ea9d2f }
.res_cont_tags>span.font_blue { border-color:#409eff }
.res_cont_tags>span.font_green { border-color:#3c6 }