@charset "utf-8";blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}

body,button,input,select,textarea{font:12px/1.5 PingFang SC,Microsoft YaHei,Lantinghei SC,Helvetica Neue,Helvetica,Arial,\\5FAE软雅黑,STHeitiSC-Light,simsun,\\5B8B体,WenQuanYi Zen Hei,WenQuanYi Micro Hei,"sans-serif";color:#666}

a img{border:none}

.clear{clear:both}

body{ background:#f9f9f9}

li,ul{list-style:none;outline:0}

*{margin:0;padding:0; box-sizing:border-box}

em{font-style:normal}

button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}

button,input{line-height:normal;border:0}

button,select{text-transform:none}

:focus{outline:0}

.font14{font-family:"微软雅黑"}

.fl{float:left}

.fr{float:right}

.m10{height:10px}

.m20{height:20px}

.m25{height:25px}

.m15{margin-top:15px}

.f14{font-size:14px;font-family:"微软雅黑"}

a{text-decoration:none;color:#000;transition: all 0.4s ease 0s}

a:hover{color:#f60;text-decoration:none}

.yellow{color:#ff6900}

.blue{color: #69F}

.hui{color:#999 !important}

.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}

table{border-collapse:collapse;border-spacing:0}

.bord{border:1px solid #ccc}

.red{color:#f00;text-decoration:none}

.red a:link{color:#ea1e00;text-decoration:none}

.red a:visited{color:#ea1e00;text-decoration:none}

.red a:hover{color:#f60;text-decoration:underline}

.bf{background:#fff !important}

.p140{padding-left:140px;padding-right:140px}

.p70{padding-bottom:70px;padding-top:70px}

a.ac01{color:#444}

a.ac01:active,a.ac01:hover{color:#ba2636}

.h10{height:10px;width:100%; overflow:hidden}

.h15{height:15px;width:100%; overflow:hidden}

.h20{ height:23px; width:100%; overflow:hidden}

.mlr30{ margin:0 35px}

.p20{ padding:20px;}

.pt0{ padding-top:0 !important}

.pt35{ padding-top:35px !important}

.mb15{ margin-bottom:15px !important}

.mb25{ margin-bottom:25px}

.mt20{ margin-top:20px !important}

.mt10{ margin-top:10px !important}

.mt0{ margin-top:0 !important}

.w1200{ margin:0 auto; width:1220px;}

@media screen and (min-width:320px) and (max-width:1024px){

	body > .w1200,body > .complex-content{ min-height:1400px}

	}

.hide{ display:none}

.w800{ width:800px; margin:0 auto}

.main{ width:100%; background:#f6f8fa}

.text-overflow{ overflow: hidden;

text-overflow:ellipsis;

white-space: nowrap;}

.green{ color:#093}

.hui{ color:#888}

.blue{ color:#06c}

input{ color:#333}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999;}

input:-moz-placeholder,textarea:-moz-placeholder{color:#999;}

input::-moz-placeholder,textarea::-moz-placeholder{color:#999;}

input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#999;}

/*箭头*/

.arrow-up:after{transform:rotate(-135deg);-ms-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-o-transform:rotate(-135deg);}

.arrow-down:after{transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}

.arrow-left:after{transform:rotate(135deg);-ms-transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);}

.arrow-right:after{transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}



.arrow{ position:relative}

.arrow:after{border-bottom:2px solid #fff;border-right:2px solid #fff;content:"";display:block; top:50%; right:5px; width:8px; height:8px; position:absolute; margin-top:-6px;}

/*下拉框美化*/

.diy_select{background:#fbfdff;border-radius:3px;cursor:pointer;font-size:14px;height:40px;min-width:100px;position:relative;width:280px;display:inline-block; margin-right:10px}

.diy_select_btn,.diy_select_txt{height:100%;line-height:40px}

.diy_select,.diy_select_list{border:1px solid #d4d4d4}

.select-text{height:100%;width:100%;padding:0 10px}

.diy_select_txt{width:100%}

.diy_select_list li,.diy_select_txt{overflow:hidden}

.diy_select_btn{position:absolute;top:0;right:0}

.diy_select_btn:after{content:"";position:absolute;top:50%;right:10px;margin-top:-2px;border-top:5px solid #b9c2d3;border-right:5px solid transparent;border-left:5px solid transparent}

.diy_select_btn:before{width:30px;height:38px;background:#fff;border-left:1px solid #d4d4d4;content:"";right:0;position:absolute}

.select-option{width:100%}

.diy_select_list{position:absolute;top:45px;left:0;z-index:88888;width:100%;display:none;background:#fff;overflow:auto;border-radius:3px;max-height:300px;box-shadow:0 3px 3px #eee}

.diy_select_list li{padding:0 10px;list-style:none;height:40px;line-height:40px;cursor:default;background:#fff;border-bottom:1px solid #eee}

.diy_select_list li.focus{cursor:pointer;background:#eff2f8}

.diy_select_list li:last-child{border:0}



/*版权*/

.mg-foot-introduce .mg-introduce-list{padding:42px 0; margin:0 auto; width:1220px}

.mg-foot-introduce .mg-introduce-list-item{float:left;width:297px}

.mg-foot-introduce .mg-introduce-list-item .mg-icon{background:#fff;border:1px solid #333;border-radius:100%;color:#333;float:left;font-size:30px;height:72px;line-height:70px;text-align:center;width:72px}

.mg-foot-introduce .mg-introduce-list-item .mg-info{float:left;margin-left:20px}

.mg-foot-introduce .mg-introduce-list-item .mg-info .mg-title{color:#333;font-size:16px;line-height:18px;padding-top:12px}

.mg-foot-introduce .mg-introduce-list-item .mg-info .mg-sub-title{color:#999;font-size:12px;line-height:14px;padding-top:12px}



.footer-warp-v1{background-color:#232830;min-width:1220px;padding:30px 0 40px;width:100%}

.footer-warp-v1 dd,.footer-warp-v1 dl,.footer-warp-v1 dt,.footer-warp-v1 form,.footer-warp-v1 i,.footer-warp-v1 iframe,.footer-warp-v1 img,.footer-warp-v1 label,.footer-warp-v1 li,.footer-warp-v1 ol,.footer-warp-v1 table,.footer-warp-v1 tbody,.footer-warp-v1 td,.footer-warp-v1 th,.footer-warp-v1 thead,.footer-warp-v1 tr,.footer-warp-v1 ul{margin:0;padding:0}

.footer-warp-v1 li{list-style:outside none none}

.footer-warp-v1.with-padding{padding-bottom:74px}

.footer-width-ctrl{margin:0 auto;overflow:hidden;position:relative;width:1220px}

.footer-width-ctrl a{color:#fff;cursor:pointer;text-decoration:none}
.footer-width-ctrl a img{ margin-right:8px}

.footer-cutting-line{border-bottom:1px solid #363b44;display:block;width:100%}

.footer-top-links{margin:0 -20px 14px;overflow:hidden}

.footer-top-links .footer-item-link{border-left:1px solid #363b44;color:#fff;font-size:14px;padding:0 20px}

.footer-service-tel{color:#ff6900;font-size:14px;position:absolute;right:0;top:0}

.footer-friend-links{height:120px;margin-top:30px;overflow:hidden;position:relative;width:810px}

.footer-friend-li{cursor:pointer;float:left;height:30px;margin-right:8px}

.footer-friend-li.friend-is-active .footer-tab-panel{display:block;opacity:1;z-index:2}

.footer-friend-li.friend-is-active .footer-tab-name{background-color:#40506a;color:#fff}

.footer-friend-li.friend-is-active .footer-tab-name::after{border-color:#40506a transparent;border-style:solid;border-width:4px 4px 0;content:" ";height:0;left:50%;margin-left:-4px;position:absolute;top:100%;width:0}

.footer-friend-tab{width:810px}

.footer-friend-tab .footer-tab-name{background-color:#02050b;color:#78808d;display:block;height:30px;line-height:30px;padding:0 14px;position:relative;text-align:center}

.footer-friend-tab .footer-tab-name:hover{color:#fff}

.footer-friend-tab .footer-tab-panel{display:none;left:0;opacity:0;position:absolute;top:42px;transition:all .4s ease-in-out 0s;width:100%;z-index:1}

.footer-friend-tab .footer-tab-panel a{color:#78808d;float:left;font-size:12px;height:24px;line-height:24px;margin-bottom:0;margin-right:40px}

.footer-friend-tab .footer-tab-panel a:hover{color:#fff}

.footer-bottom-info .footer-copyright{color:#78808d;font-size:12px}

.footer-bottom-info .footer-copyright a{color:#78808d}

.footer-bottom-info .footer-copyright img{height:14px}

.footer-bottom-info .footer-certificate{height:38px;margin-top:12px}

.footer-bottom-info .footer-certificate img{height:100%}

.footer-bottom-info .footer-certificate .item-txt{display:none}

.footer-bottom-info .footer-certificate .reportform{background-color:#ddd;box-sizing:border-box;color:#666;display:inline-block;font-size:12px;height:38px;padding:2px 5px;position:relative;text-align:center;text-decoration:none;top:0;vertical-align:top}

.footer-bottom-info .footer-certificate a{margin-right:6px}

.footer-qrcode{bottom:0;position:absolute;right:0}

.footer-qrcode-item{background-color:#2d343f;box-sizing:border-box;display:inline-block;height:150px;margin-left:20px;padding:7px;width:124px}

.footer-qrcode-item img{display:block;height:110px;width:110px}

.footer-qrcode-item .qrcode-item-text{color:#fff;font-size:12px;margin-top:8px;text-align:center}



.ad{ width:100%}

.ad img{ width:100%; display:block; background:#ccc}





/*返回顶部*/

.service-entrance-container{background-color:#fff;border:1px solid #e5e9f4;border-radius:8px;bottom:22px;height:190px;position:fixed;right:0;width:50px;z-index:100}

.service-entrance-container .link{display:inline-block;height:100%;left:0;position:absolute;top:0;width:100%}

.service-entrance-container .text{color:#7388aa;font-size:12px;padding:36px 10px 0;text-align:center}

.service-entrance-container .query-container{background: url(../images/QA.png) no-repeat scroll center 12px/21px 21px;border-bottom:1px solid #e5e9f4;border-top-left-radius:8px;border-top-right-radius:8px;height:78px;position:relative;width:100%}

.service-entrance-container .query-container .link,.service-entrance-container .query-container .text{border-top-left-radius:8px;border-top-right-radius:8px}

.service-entrance-container .query-container:hover{background-color:#eff2f8}

.service-entrance-container .feedback-container{background: url(../images/feedback.png) no-repeat scroll center 12px/23px 19px;border-bottom:1px solid #e5e9f4;height:78px;position:relative;width:100%}

.service-entrance-container .feedback-container:hover{background-color:#eff2f8}

.service-entrance-container .scroll-top{background: url(../images/top.png) no-repeat scroll center center/21px 12px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;height:32px;width:100%}

.service-entrance-container .scroll-top:hover{background-color:#eff2f8}

.scroll-top a{ display:block; height:100%}



/*清除浮动*/

.clearfix:before,

.clearfix:after{content: " ";display: table;}

.clearfix:after{clear: both}



/*头部*/

.header-top-warp{background-color:#eee;min-width:1220px;width:100%; border-bottom:1px solid #eee}

.header-top-warp a{color:#222;cursor:pointer;text-decoration:none}

.header-top-warp .hidden{display:none}

.header-top-warp .header-top-login.J_header-top-fromurl{color:#222;margin-right:20px}

.header-top-warp .header-top-login.J_header-top-fromurl:hover{color:#ff6900}



.header-top-warp a.a-link:hover{color:#ff6900!important}

.header-top-sitemap{display:block;float:left}

.header-top-sitemap.hover-control .hover-title{cursor:pointer}

.header-top-sitemap.hover-control .hover-panel{left:inherit;right:0}

.top-user-login{padding:9px 12px 7px}

.header-top{

    font-size: 13px;

    height: 35px;

    margin: 0 auto;

    width: 1220px; overflow:hidden}

.hover-control .hover-title{border-left:1px solid transparent;border-right:1px solid transparent;box-sizing:border-box;cursor:pointer;display:block;height:35px;line-height:35px;padding:0 12px;position:relative;width:100%;z-index:60}

.header-top-user{display:block;float:left}

.header-top-user .item{float:left;position:relative}

.arrow-icon{background: url(../images/index.png) no-repeat center center;display:inline-block;height:6px;margin-left:6px;width:9px}

.hover-control .hover-title .msg-num{background-color:#ff6900;border-radius:8px;color:#fff;display:block;font-size:10px;height:6px;line-height:6px;margin-left:4px;margin-top:-7px;position:absolute;right:6px;text-align:center;top:50%;width:6px}





.is-light,.text-highlight{color:#00808d}

.is-light a,.text-highlight a{color:#00808d}

.mg-topbar-slogan {line-height: 36px;}

/*.mg-topbar-slogan a {color:#fbd541;}*/



.mg-head-container .mg-head{background:#fff;transition:all .2s ease 0s;width:100%;}

.mg-head-hd{padding:0 0 10px; position:relative; height:100px}

.mg-head-hd .logo{ position:absolute; left:0}

.mg-head-hd a img{ display:inline-block; vertical-align:middle}

.mg-head-hd .hd-recommend-box{float:left;min-height:10px;min-width:80px;overflow:hidden;position:relative;top:-20px}

.mg-head-hd .hd-recommend-box img{width:140px}

.mg-head-hd .hd-search-box{float: right;height:54;margin-right:10px;margin-top:40px;position:relative;}

.mg-head-hd .hd-search-box .input{border:2px solid #ff5c00;height:44px;line-height:44px;padding-left:15px;padding-right:80px;width:460px; float:left; font-size:14px}

.mg-head-hd .hd-search-box button{background:#ff5c00;border:0 none;color:#fff;cursor:pointer;font-size:14px;height:44px;line-height:44px;position:absolute;right:0;top:0;width:80px}

/*.mg-head-hd .hd-phnoe-box{float:right;margin-top:10px}

.mg-head-hd .hd-phnoe-box .icon-phone{background:url(../images/phone.png) no-repeat scroll 0 0/cover;display:inline-block;height:26px;vertical-align:middle;width:25px}

.mg-head-hd .hd-phnoe-box .phone-num{color:#666;display:inline-block;font-size:30px;font-weight:700;margin-left:10px;vertical-align:middle}

*/.mg-head-bd.fix{box-shadow:0 3px 5px rgba(0,0,0,.03);position:fixed;z-index:99}

.mg-head-bd.fix .mg-headsearch-box{display:block}

.mg-head-bd.fix .mg-headjoin-box{display:none}

.mg-head-bd .mg-headproduct-box{float:left;padding-right:8px;position:relative;}

.mg-item{float:left;position:relative;z-index:2}

.mg-item .mg-item-link{color:#333;display:block;font-size:16px;line-height:44px; padding:0 43px 0 10px;text-align:center; font-weight:600}

.mg-item .mg-item-link.cur{ color:#f30; font-weight:600}

.mg-headproduct-list .active .mg-item-link{ color:#ff5400; font-weight:700}

.mg-head-bd{width:100%; border-bottom:1px solid #f1f1f1}

.mg-head-bd .mg-headproduct-box .mg-headproduct-list .mg-headproduct-btn .mg-item-link{position:relative}

.logo,.sub-logo{ float:left; display:block;}

.sub-logo{ border:0; padding:0 15px; color:#222222; font-size:20px; line-height:24px}

.hd-search-xj{ height:44px; line-height:44px; width:120px; background:#fff; color:#ff5c00; font-size:14px; text-align:center; float:right; margin:40px 0 0 0; border-radius:2px;transition: all 0.4s ease 0s; cursor:pointer; border:1px solid #ff5c00}

.hd-search-xj:hover{ opacity:0.  9}

.hd-search-xj a{ color:#ff5c00;}

.hd-search-xj a img{ display:inline-block; vertical-align:-4px; margin-right:5px}

.hd-search-xj a:hover{ color:#ff5c00;}

.mg-headjoin-item{position:relative;z-index:3}

.mg-headjoin-item{

	background: #ffffff;

background: -moz-linear-gradient(top,  #ff7300 0%, #f30 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7300), color-stop(100%,#f30));

background: -webkit-linear-gradient(top,  #ff7300 0%,#f30 100%);

background: -o-linear-gradient(top,  #ff7300 0%,#f30 100%);

background: -ms-linear-gradient(top,  #ff7300 0%,#f30 100%);

background: linear-gradient(to bottom,  #ff7300 0%,#f30 100%);

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7300', endColorstr='#f30',GradientType=0 );

border-radius:15px;color:#fff;display:block;font-size:14px;height:30px;line-height:30px;padding:0 15px; margin:8px 0 0 0}

.mg-headjoin-item .nav{ color:#fff; background:url(../images/rz.png) no-repeat 0 center; padding-left:30px}



.hover-panel{background-color:#e87b2b;left:0;display:none;overflow:hidden;position:absolute;top:35px;transition:opacity .4s ease-in-out 0s;z-index:999; box-shadow:0 3px 8px rgba(0, 0, 0, 0.08)}

.hover-panel .box-info{box-sizing:border-box;font-size:12px;padding:12px 14px 12px 20px;width:136px}

.hover-panel .box-info .a-link{display:block;padding:8px 0; color:#fff}

.hover-panel .box-info .a-link:hover{ color:#fff !important}

.header-top-user .item:hover .hover-panel{ display:block}

.header-top-user .item:hover a.hover-title{background:#e87b2b; color:#fff}

.top-qr-code{border-bottom:1px dashed #ddd;box-sizing:border-box;height:116px;margin:0 18px;padding:18px 0;position:relative;top:1px;width:280px}

.top-qr-code img{float:left;height:80px;width:80px}

.top-qr-code .right-info{box-sizing:border-box;float:left;padding-left:12px;width:200px}

.top-qr-code .qr-code-title{color:#333;font-size:14px}

.top-qr-code .qr-code-desc{color:#999;font-size:12px}

.header-top-btn{background-color:#fff;border:1px solid #ddd;box-sizing:border-box;color:#ff6900;display:inline-block;height:30px;line-height:30px;margin-top:8px;text-align:center;width:80px}

.header-top-btn:hover{background-color:#ff6900;border-color:#ff6900;color:#fff}



/*单选框复选框*/

.magic-checkbox,.magic-radio{position:absolute;display:none}

.magic-checkbox[disabled],.magic-radio[disabled]{cursor:not-allowed}

.magic-checkbox+label,.magic-radio+label{position:relative;display:block;padding-left:30px;cursor:pointer;vertical-align:middle; line-height:20px; color:#777}

.magic-checkbox+label a,.magic-radio+label a{ color:#ff6900}

.magic-checkbox+label:hover:before,.magic-radio+label:hover:before{animation-duration:.4s;animation-fill-mode:both;animation-name:hover-color}

.magic-checkbox+label:before,.magic-radio+label:before{position:absolute;top:0;left:0;display:inline-block;width:20px;height:20px;content:'';border:1px solid silver}

.magic-checkbox+label:after,.magic-radio+label:after{position:absolute;display:none;content:''}

.magic-checkbox[disabled]+label,.magic-radio[disabled]+label{cursor:not-allowed;color:#e4e4e4}

.magic-checkbox[disabled]+label:after,.magic-checkbox[disabled]+label:before,.magic-checkbox[disabled]+label:hover,.magic-radio[disabled]+label:after,.magic-radio[disabled]+label:before,.magic-radio[disabled]+label:hover{cursor:not-allowed}

.magic-checkbox[disabled]+label:hover:before,.magic-radio[disabled]+label:hover:before{border:1px solid #e4e4e4;animation-name:none}

.magic-checkbox[disabled]+label:before,.magic-radio[disabled]+label:before{border-color:#e4e4e4}

.magic-checkbox:checked+label:before,.magic-radio:checked+label:before{animation-name:none}

.magic-checkbox:checked+label:after,.magic-radio:checked+label:after{display:block}

.magic-radio+label:before{border-radius:50%}

.magic-radio+label:after{top:7px;left:7px;width:8px;height:8px;border-radius:50%;background:#3e97eb}

.magic-radio:checked+label:before{border:1px solid #3e97eb}

.magic-radio:checked[disabled]+label:before{border:1px solid #c9e2f9}

.magic-radio:checked[disabled]+label:after{background:#c9e2f9}

.magic-checkbox+label:before{border-radius:3px}

.magic-checkbox+label:after{top:4px;left:8px;box-sizing:border-box;width:6px;height:12px;transform:rotate(45deg);border-width:2px;border-style:solid;border-color:#3e97eb;border-top:0;border-left:0}

.magic-checkbox:checked+label:before{border:1px solid #c9e2f9;background:#fff}

.magic-checkbox:checked[disabled]+label:before{border:#c9e2f9;background:#c9e2f9}



/*状态*/

.state{ text-align:center; color:#3a3a3a;padding:30px 0}

.state img{ display:block; margin:0 auto}

.state h2{ padding:10px 0 5px 0}

.state p{color:#888; font-size:14px}



/*面包屑导航*/

.mianbaoxie{font-size:14px;height:35px;line-height:35px;margin:11px auto;text-align:left;width:100%}

.mianbaoxie-box{display:inline-block}

.mianbaoxie-box b{font-weight:400;margin:0 5px 0 1px}

.mianbaoxie-box a:link{color:#6e6e6e}

.mianbaoxie-box a:visited{color:#6e6e6e}

.mianbaoxie-box a:hover{color:#6e6e6e;text-decoration:underline}

.mianbaoxie-box a:active{color:#6e6e6e}

.mianbaoxie-box h1{display:inline}

.mianbaoxie span{color:#6e6e6e;width:70px}



/*分页*/

.con-page{font-size:0;padding:20px 0;text-align:center; margin:0 auto}

.con-page a,.con-page span,.con-page strong{border:1px solid #d9d9d9;border-radius:3px;color:#666;display:inline-block;font:400 14px "Microsoft YaHei";margin-right:5px;min-width:30px;padding:5px}

.Cnew-page a{background:#fff}

.con-page a,.con-page strong{cursor:pointer}

.con-page a:hover{background-color:#ff5837;border-color:#ff5837;color:#fff}

.con-page span.page-current,.con-page strong{background:#ff5837;border-color:#ff5837;color:#fff}

.page{border-left:1px solid #e5e5e5;float:right;line-height:30px;margin-top:9px;padding:0 25px}

.page b{color:#d0111b;font-weight:400}



/*弹出*/

.reveal-modal-bg{position:fixed;height:100%;width:100%;background:#000;background:rgba(0,0,0,.3);z-index:1000;display:none;top:0;left:0}

.reveal-modal{visibility:hidden;top:120px;left:50%;width:500px; background:#fff;position: absolute;z-index:1001;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4); margin:0 0 0 -250px}

.close-reveal-modal{ background:url(../images/close1.png) no-repeat 0 0; width:22px; height:22px; top:15px; right:15px; position:absolute; display:block; cursor:pointer; background-size:20px; z-index:999}

.layui-form-item{ padding:10px 25px 20px}

.layui-form-item h1{border-bottom:1px solid #e5e5e5;font-size:18px;font-weight:400;height:100%;line-height:50px;margin:0;padding:0}



/*消息*/

.user-ordertrack-grid{bottom:60px;font-family:"Microsoft YAHEI";right:10px;position:fixed;z-index:99}

.user-ordertrack-grid .circle-block{background:#fff;border-radius:8px;box-shadow:0 0 10px 0 rgba(255,102,0,.3);cursor:pointer;height:56px;position:relative;width:56px;z-index:39}

.user-ordertrack-grid .circle-block .bell{background: url(../images/bell.gif);display:inline-block;height:48px;left:5px;position:absolute;top:6px;width:48px;}

.user-ordertrack-grid .num-ico{background:#f60;border-radius:8px;color:#fff;display:inline-block;font-family:SimSun;font-size:12px;line-height:1;margin-bottom:5px;padding:1px 5px;text-align:center;position:absolute;right:-5px;top:-4px; font-style:normal}



/*背景模糊处理*/

.span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 {float:left;margin-right:10px;}

.span-1 {width:30px;}

.span-2 {width:70px;}

.span-3 {width:110px;}

.span-4 {width:150px;}

.span-5 {width:190px;}

.span-6 {width:230px;}

.span-7 {width:270px;}

.span-8 {width:310px;}

.span-9 {width:350px;}

.span-10 {width:390px;}

.span-11 {width:430px;}

.span-12 {width:470px;}

.span-13 {width:510px;}

.span-14 {width:550px;}

.span-15 {width:590px;}

.span-16 {width:630px;}

.span-17 {width:670px;}

.span-18 {width:710px;}

.span-19 {width:750px;}

.span-20 {width:790px;}

.span-21 {width:830px;}

.span-22 {width:870px;}

.span-23 {width:910px;}

.span-24 {width:950px;margin-right:0;}



/**/

.person_wallet_recharge{width:100%;height:auto;}

.person_wallet_recharge .ul li{float:left;width:27%;text-align:center;border:1px solid #ccc;border-radius:5px;margin:0 10px 0;box-sizing:border-box;color:#525252;position:relative; padding:35px 0; cursor:pointer}

.person_wallet_recharge .ul li p{ color:#999; font-size:14px; line-height:26px}

.person_wallet_recharge .sel{background:url(../images/iconfont-dagouxuanzhong.png);background-size:cover;height:34px;width:34px;position:absolute;right:0;bottom:0;display:none}

.person_wallet_recharge .ul li.current{color:#f60;border:1px solid #fd9802; background:#fff9f0}

.person_wallet_recharge .ul li:nth-child(1) .sel{display:none}



.zp-search{background-position:right 2px;float:right;width:120px; text-align:center;position:relative; height:80px; margin-top:-10px}

.zp-search img{ display:block; margin:0 auto}

/*.zp-search .tab{ margin-top:5px}

.zp-search-app{float:right;height:60px;margin:5px 4px 0 0;width:60px}

.zp-search-text{color:#666;cursor:pointer;display:block;font-size:12px;letter-spacing:0;line-height:24px;text-align:right;width:75px}

.zp-search-text-active{color:#1787fb}

.zp-search .pane{ position:absolute; right:0; top:0; width:75px; height:70px; background:url(../images/program_border1.png) no-repeat 0 0; padding:1px 1px 1px 6px}

.zp-search .pane img{ width:100%}

.zp-search li{ line-height:22px; cursor:pointer}

.zp-search li.hit{ color:#ff2900; font-weight:700; font-size:12px}

.zp-search .pane:last-child{ background:url(../images/program_border.png) no-repeat 0 0}*/



/*滚动条美化*/

.tableList1{ max-height:480px; overflow-y:scroll}

.tableList1::-webkit-scrollbar{width:9px;height:9px}

.tableList1::-webkit-scrollbar-track{width:6px;background-color:#f8f8f8;-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em}

.tableList1::-webkit-scrollbar-thumb{background-color:#aaa;background-clip:padding-box;max-height:50px;-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em}

.tableList1::-webkit-scrollbar-thumb:hover{background-color:#fff}



.webuploader-pick{width:106px;background:url(../images/upload_img.png) repeat 0 0;height:106px;}

/*登录*/

.grid{width:1220px;margin:0 auto;overflow:hidden; padding:10px 0 20px}

.tp-logo{float:left;margin-top:19px}

.tp-logo a img{display:block; height:100px !important; margin-top:-20px}

.tp-label{border-left:1px solid #ddd;color:#000;float:left;font-size:24px;margin-left:18px;margin-top:35px;padding-left:18px; font-weight:400}

.login-main-wrap{position:relative;width:100%;height:580px;background:url(../images/login.jpg) no-repeat center 0}

.tp-box-wrap{float:right;margin-top:45px;background:#fff;overflow:hidden;width:400px;box-shadow:0 2px 15px rgba(0, 0, 0, 0.15); min-height:450px}

.pane{display:none}

.tabPanel .tab{}

.tabPanel .tab li{color:#281b1b; line-height:52px; padding-top:15px;cursor:pointer;float:left;font-size:16px;position:relative;width:50%;text-align:center; border-bottom:1px solid #d8d8d8;}

.tabPanel .tab li:nth-child(1){border-right:1px solid #e4e4e4}

.tabPanel .tab li.hit{color:#f30}

.required:focus,.required:hover {

    border-color: #ff6a00;

}

.tp-box-wrap .panes{ padding:0 50px}

/*提示*/

.tip_wrap{ padding:25px 0; text-align:center}

.tip_wrap h2{ font-weight:500; margin:15px 0 25px 0}



/*下拉框*/

.select-menu{cursor: pointer;float: left;height:52px;line-height:52px;position: relative;width: 70px;}

.select-menu-ul{margin-top:52px;list-style:none;opacity:0;display:none;width:71px;text-align:left;border:1px solid #ddd;background:#fff;position:absolute;z-index:999; box-shadow:0 0 16px 0 rgba(196, 196, 196, 0.5)}

.select-menu-ul li{ height:35px; line-height:35px; padding:0 10px}

.select-menu-ul li:hover{background:#fff}

.select-menu-div{position:relative;height:52px;width:100%;border:1px solid #007de4; border-right:0;line-height:52px}

.select-this{background:#f6f6f6}

.select-menu-input{border:0;height:50px;cursor:pointer;user-select:none; padding:0 0 0 10px; font-size:14px; width:100%}

.select-menu-i{transform:rotate(180deg)}

.select-menu-div i{-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;margin-right:10px;position:absolute;right:0;top:0}



/*发布询价单品种*/

.qrm-pinming{height:38px;line-height:38px;border:1px solid #ddd;position:relative;width:100%; border-radius:2px; background-image:url(../images/qrm-arrow-down.png); background-repeat:no-repeat;background-position: 200px center}

.qrm-pinming input{ display: block;

    padding-left: 10px;

    width: 100%; border-radius:2px; height:36px; padding:0 30px 0 10px; background:none}

.qrm-pinming:hover{cursor:pointer}

.qrm-pinming input:hover{cursor:pointer}

.qrm-pinming-panel{position:absolute;top:37px;left:-1px;z-index:99999;width:340px;height:300px;background: #ffffff none repeat scroll 0 0;

    border: 1px solid #e5e5e5;

    box-shadow: 0 0 16px 0 rgba(196, 196, 196, 0.5);}

.qrm-border{float:left;width:120px;height:298px;overflow-y:scroll}

.qrm-lev{float:left;width:95%;margin:0;padding:10px 0;font-size:14px}

.qrm-lev>li{width:100%;position:relative;display:block;padding-left:4px; text-align:center; color:#353535; line-height:36px; height:36px; cursor:pointer}

.qrm-lev>li:hover{background:#f0f4fa;color:#333}

.qrm-arrow-right{display:inline-block;width:4px;height:7px;background:url(../images/qrm-arrow-right.png) no-repeat;position:absolute;right:5px;top:16px}

.qrm-lev-1>li.active{background:#f0f4fa ;color:#407fe7}

.qrm-lev-2>li.active{background:#f0f4fa ;color:#407fe7}

.qrm-lev-2 { overflow:hidden; margin-left:2%}

.qrm-lev-2 li{ text-align:left; padding:0 10px}

/*发询价单弹出*/

.mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5;  filter: alpha(opacity=50); display: none; z-index: 99; }

.alertBox {position: absolute; display: none; width:500px; border-radius:4px; background: #fff; padding:0 35px; z-index: 101; box-shadow:0 4px 12px rgba(0, 0, 0, 0.15) }

.alertBox.ma22{ width:800px; padding:0}

.layui-form-open{ margin:0; padding:0}

.alertBox .layui-form-item { margin:0}



.mg-foot-introduce{ border-top:1px solid #eee}