@charset "utf-8";
html,body{height: 100%;}
body{ background:#f0f1f2; font-family:Arial, "Microsoft YaHei", sans-serif; font-weight:normal; color:#666; font-size:14px; line-height: 1.5;}
body, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd { margin:0; padding:0;}
img{max-width: 100%;border:0 none;}
a {background-color:transparent; text-decoration:none; color:#444444;-webkit-transition:.1s;transition:.1s;}
a:focus {outline:0;}
a:hover {outline:0;text-decoration:none;}
button,input {outline:none;font-family:inherit;font-size:inherit;}
input[type=submit],button{ filter:chroma(color=#000000);}
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0;}
textarea {resize:none; outline:none; overflow:auto; vertical-align:top; }
table {border-collapse:collapse; border-spacing:0;}
select {cursor:pointer;}
input::-ms-clear{display:none;}
ul,li{ list-style:none;}
*{box-sizing:border-box;}
h1, h2, h3, h4, h5, h6{font-weight:400;}
i,em{font-style:normal;}

input::-webkit-input-placeholder {  color: #999;  font-size: 14px;letter-spacing:1px;}
input::-moz-placeholder {color: #999;font-size: 14px;letter-spacing:1px;}
input:-ms-input-placeholder {color: #999;font-size: 14px;letter-spacing:1px;}
input:-webkit-autofill { box-shadow: 0 0 0px 1000px #f5f5f5 inset;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none;}
input[type="number"]{-moz-appearance: textfield;}

input[type=checkbox]{position:relative;width:14px;height:13px;cursor:pointer;}
input[type=checkbox]::before{content:'';position:absolute;top:0;left:0;width:14px;height:14px;line-height:14px;text-align:center;background:#fff;border-radius:3px;border:1px solid #ccc;}
input[type=checkbox]:checked::after{content: '';position: absolute;top:1px;left:5px;width:5px;height:8px;border-right:2px solid #6299dc;border-bottom:2px solid #6299dc;-webkit-transform:rotate(40deg);transform:rotate(40deg);}

.pr{position:relative;}
.white-bg{background-color: #fff;}
.f12{font-size: 12px;}
.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f22{font-size: 22px;}
.f24{font-size: 24px;}
.f26{font-size: 26px;}
.f28{font-size: 28px;}
.fbold{font-weight: bold;}

.cfff{color:#fff;}
.ccc{color:#ccc;}
.c333{color:#333;}
.c666{color:#666;}
.c999{color:#999;}
.c0{color:#2ea2db;}
.c1{color:#ffa300;}
.c2{color:#256fb7;}
.c3{color:#175b9e;}
.c4,.c00{color:#e22111;}
.c5{color:#36aa6a;}
.c6{color:#ff541f;}
.c07{color: #25b942;}

.border_b{border-bottom:1px solid #eee;}
.gray-bg{background-color:#f7f7f7}
.bgc0{background:#fff;}
.bgc1{background:#f0f1f2;}
.bgc2{background:#ffa300;}
.bgc3{background:#f5f5f5;}
.bgc4{background:#175b9e;}
.bgc5{background:#ccc;}
.bgc6{background:#ff541f;}

.mg-20{margin:20px;}
.mg-30{margin:30px;}

.mgl-3{margin-left:3px;}
.mgl-5{margin-left:5px;}
.mgl-10{margin-left:10px;}
.mgl-15{margin-left:15px;}
.mgl-20{margin-left:20px;}
.mgl-30{margin-left:30px;}
.mgr-5{margin-right:5px;}
.mgr-10{margin-right:10px;}
.mgr-15{margin-right:15px;}
.mgr-20{margin-right:20px;}
.mgr-30{margin-right:30px;}
.mgr-40{margin-right:40px;}
.mgt-3{margin-top:3px;}
.mgt-9{margin-top:9px;}
.mgt-10{margin-top:10px;}
.mgt-13{margin-top:13px;}
.mgt-15{margin-top:15px;}
.mgt-20{margin-top:20px;}
.mgt-25{margin-top:25px;}
.mgt-30{margin-top:30px;}
.mgt-40{margin-top:40px;}
.mgt-50{margin-top:50px;}
.mgt-60{margin-top:60px;}
.mgt-140{margin-top:140px;}
.mgb-10{margin-bottom:10px;}
.mgb-20{margin-bottom:20px;}
.mgb-40{margin-bottom:40px;}

.pd-20{padding:20px;}
.pdt-8{padding-top:8px;}
.pdt-10{padding-top:10px;}
.pdt-20{padding-top:20px;}
.pdt-30{padding-top:30px;}
.pdt-24{padding-top:24px;}
.pdt-40{padding-top:40px;}

.pdl-20{padding-left:20px;}
.pdl-40{padding-left:40px;}
.pdlr-20{padding:0 20px;}
.pdlr-30{padding:0 30px;}
.pdlr-40{padding:0 40px;}
.pdlr-50{padding:0 50px;}
.pdlrt-20{padding:20px 20px 0;}
.pdb-12{padding-bottom:12px;}
.pdb-15{padding-bottom:15px;}
.pdb-20{padding-bottom:20px;}
.pdb-30{padding-bottom:30px;}
.pdb-40{padding-bottom:40px;}
.pdb-50{padding-bottom:50px;}
.pdb-60{padding-bottom:60px;}
.pdb-70{padding-bottom:70px;}

.truncate{word-wrap:normal; -o-text-overflow: ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.nowrap-multi{display:-webkit-box!important;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.clamp3{-webkit-line-clamp:3}
.scrollbar::-webkit-scrollbar{width:4px;}
.scrollbar::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px;}
.avatar,.avatar-s,.avatar-m,.avatar-b{border-radius:50%;overflow:hidden;border: 1px solid #eee;}
.avatar{width:64px;height:64px;}
.avatar-s{width:20px;height:20px;}
.avatar-m{width:100px;height:100px;}
.avatar-b{width:120px;height:120px;}
.avatar img,.avatar-s img,.avatar-m img,.avatar-b img{margin:50% auto 0;transform: translateY(-50%);}
.visi{visibility:visible;}
.hidden{visibility:hidden;}
.oh{overflow: hidden;}
.h100{height:100%;}
.show{display:block;}
.hide{display:none;}
.break{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.point{cursor:pointer;}
.tac{text-align: center;}
.tr{text-align:right;}
.tl{text-align:left;}

.clr:after{clear:both;display:block;overflow:hidden;height:0;content:".";}
.clr{zoom:1;}
.fl{float:left;}
.fr{float:right;}

/*flex布局*/
.flex{display: -webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display: flex;}
.row-flex{width:100%;box-sizing:border-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.row-flex .col{display:block;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;box-flex:1;}
.flex-align-center{-webkit-box-align:center;}
.flex-pack-center{-webkit-box-pack:center;}
.col-25{width: 25% }
.col-33{width: 33.3333% }
.col-50{width: 50%}

.w100{width:100%;}
.wrap{width:1180px;margin:0 auto;}

.imgs img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);max-width:100%;max-height:100%;}
/*弹窗*/
.tinner .caption,.vbox .caption{padding:0 20px;background-color:#f7f7f7;height:50px;line-height:50px;border-bottom:1px solid #ddd;font-size:16px;text-align:left;color:#666;}
.tinner .caption{padding-right:60px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.tinner .tclose,.vbox .vclose{position:absolute;top:25px;right:18px;display:block;width:54px;height:30px;cursor:pointer;}
.tinner .tclose:after,.vbox .vclose:after{position:absolute;top:0;left:0;content:'\e60d';display:block;width:100%;text-align:center;font-size:18px;
    font-weight:600;line-height:24px;font-family:"iconfont";color:#666;cursor:pointer;}
.tinner .tclose:hover:after,.vbox .vclose:hover:after{font-weight: 400;}
.tinner .content{padding:20px 50px;min-height:130px;}
.tinner .text,.vbox .text,textarea,.text{width:100%;line-height:24px;height:36px;padding:3px 10px;border:1px solid #d9d9d9;border-radius:2px;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;}
.tinner .text:focus,.vbox .text:focus,textarea:focus,.text:focus{border-color:#f8af4f;-webkit-transition:all .5s ease-in;transition:all .5s ease-in;}
.tinner .btn-wrap{text-align:center;padding-bottom:20px;}
.tinner .error-msg{width:100%;background-color:#ffd3d3;text-align:center;line-height:22px;border-radius:2px;padding:2px 10px;font-size:12px;color:#d25d5d;border:1px solid #d6b2b3;}
.tmask{position:fixed;display:none;top:0;left:0;height:100%;width:100%;background:#000;z-index:800;}
.tbox{position:fixed;display:none;padding:14px 17px;z-index:900;}
.tinner{border-radius:3px;background: #fff;overflow:hidden;}
.tinner .tips{line-height:28px;color:#0e83b9;padding-bottom:14px;text-align:center;}
.tinner .confirm-txt{font-size:16px;line-height:28px;color:#333;padding:30px;text-align:center;}

.stars{margin-top:10px;line-height:22px;}
.stars .star{width:240px!important;}
.stars .star img{display: inline-block;}
.stars>span{margin-right:12px;}
#order_evaluate .textarea1{margin-top:20px;width: 480px;height:130px;}
.profile-top{padding:30px 0 15px;border-bottom: 1px dashed #eeeeee;}
.profile.real-name-cnt label,.verify-company label{width:120px;}
.profile-top label{width:60px;display:inline-block;}
.profile-cnt label{width:90px;display:inline-block;}
.profile-cnt .text{width: 440px;}
.refund-cnt .qty{display: inline-block; width: 50px; height: 24px; padding:0 10px;border:1px solid #d9d9d9;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;}
.refund-cnt .textarea{ width: 300px; height: 80px;}
.refund-cnt .b-btn{width: 300px;}

/*弹窗*/
.popup{width:100%;padding:30px; background-color: #fff;}
.layer-fix_ft{position:fixed;left:0;width:100%;background-color:#f2f2f2;}
.layer-fix_ft{bottom:0;text-align:center;z-index:100;padding:12px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;}
.layer-fix_ft ~ .mgb-68{margin-bottom:68px;}
.layer-fix_ft ~ .pdb-68{padding-bottom:68px;}
.layer-fix_ft .button{line-height:34px;min-width:70px;}
body .layui-layer-btn{padding:0 20px 30px 20px;}
/*验证码*/
.phone_captcha{display:flex;justify-content: space-between;align-items: center;width:100%;height:40px;}
.phone_captcha .p_btn{height:40px;line-height: 40px;padding:0 10px;text-align: center;border:none;background:#568CFB;border-radius: 6px;color:#fff;transition: all 0.5s linear;}
.phone_captcha .p_btn:hover{background:#4d70f4;}
.phone_captcha .p_code{width:300px; height:40px;line-height: 40px;padding-left:10px;border:1px solid #d9d9d9;border-radius: 2px;}

/* === 弹窗提示 === */
.confirm-txt{text-align:center;padding:20px 10px 0 10px;font-size:16px;line-height:1.6;}
.confirm-txt1{padding:60px 40px 0 40px;font-size:20px;color:#333;text-align:center;line-height:1.6;}
.confirm-txt1 i{font-size:100px;vertical-align:middle;margin-right:10px;line-height:1.2;}
.confirm-txt1.status1 i:before{color:#3dac6d;content:'\e626';}
.confirm-txt1.status0 i:before{color:#fc384e;content:'\e607';}
/*按钮*/
.btn{display:inline-block;padding:8px 20px;line-height:1em;font-size:14px;color:#fff;cursor:pointer;vertical-align:middle;border-radius:4px;}
.s-btn{display:inline-block;padding:4px 12px;line-height:1em;font-size:14px;color:#fff;cursor:pointer;vertical-align:middle;}
.m-btn{display:inline-block;padding:10px 48px;line-height:1em;font-size:16px;color:#fff;cursor:pointer;vertical-align:middle; border: 0;border-radius:6px;}
.b-btn{display:inline-block;padding:12px 76px;line-height:1em;font-size:16px;color:#fff;cursor:pointer;vertical-align:middle;}
.w-btn{display: block;line-height:1em;font-size:18px;color:#fff;cursor:pointer;vertical-align:middle;}
.btn-group{margin: 0 auto; padding: 15px 0; width: 60%;}
.btn.disabled, .btn[disabled],button[disabled]{text-shadow: none; filter: none; opacity: 1; color: #bbb; border:none; background-color: #F7F7F7; cursor: not-allowed;}
.btn-default{color: #333; border: 1px solid #ddd; background-color: #F7F7F7;}
.btn-default:hover{color: #333; border: 1px solid #ddd; background-color: #fff;}
.btn-gray{color:#555;border:0;background-color:#ddd;}
.btn-reset,.btn-reset:hover{color:#555;border:0;background-color:#d9d9d9;}
.btn-blue-fill{background-color:#568cfb;border:0;}
.btn-blue-fill:hover{background-color:#4d70f4!important; color: #fff!important;}
.btn-blue{border:1px solid #568cfb; color:#568cfb;background: transparent;}
.btn-blue:hover{background-color:#568cfb; color: #fff!important;}
.btn-gray:hover{background-color:#d3d3d3;border-color:#d9d9d9;}
.btn-green{background-color:#a7c557;border:0;}
.btn-green:hover{background-color:#99BB40; color: #fff!important;}
.btn-orange-fill{background-color:#f23d3d; color:#fff!important;border:0;}
.btn-orange-fill:hover{background-color:#e32525;color:#fff!important;}
.btn-orange{border:1px solid #f23d3d; color:#f23d3d;background: transparent;}
.btn-orange:hover{background-color:#f23d3d; color: #fff!important;}
.btn-red{background-color:#c72222;border:1px solid #ad2222;}
.btn-red:hover{background-color:#d61717;border-color:#c72222;}
.btn-yellow{border:1px solid #F8AF4F; color:#F8AF4F!important;background: transparent;}
.btn .icon{font-size: 14px;}

.vbox{display:none;position:fixed;top:50%;left:50%;margin-left:-200px;margin-top:-127px;height:254px;width:416px;z-index:99999;}
.vbox .vclose{top:10px;right:0;}
.vbox .text{width:100px;}
.vbox .vinner{padding:50px 50px 50px 80px;}
.vbox .graphic{width:90px;height:33px;border:1px solid #d9d9d9;overflow:hidden;margin:0 10px;}
.vbox .graphic img{width:90px;height:33px;}
.vbox .vinner a{line-height:33px;}
.vbox .vinner a:hover{color:#0e83b9;}
.vmask{display:none;position:fixed;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,.4);z-index:99998;}
.phone_vf a{display:block;color:#fff;background-color:#3baa21;width:240px;text-align:center;margin-left:10px;line-height:38px;border-radius:2px;}
.phone_vf input{width:auto;}

#confirm_modal .center{padding:20px 0;line-height:24px;font-size:16px;}
.qrcode{padding-top:36px;padding-bottom:30px;}
.qrcode h3{padding-top:10px;}
.qrcode img{display:block;width:134px;height:134px;margin:0 auto;}

/*amount*/
.amount-btn{font-size:14px;line-height:22px;zoom:1;color:#c0c0c0;}
.amount-btn:after{clear:both;display:block;overflow:hidden;height:0;content:".";}
.amount-btn span{float:left;display:block;width:22px;height:22px;line-height: 16px;border:1px solid #dcdcdc;text-align:center;background-color:#eee;cursor:pointer;}
.amount-btn input{float:left;width:40px;height:22px;border:1px solid #dcdcdc;background:#fff;vertical-align:top;text-align:center;margin:0 2px;}
.amount-btn .amount-decrease{border-bottom-left-radius:2px;border-top-left-radius:2px;}
.amount-btn .amount-increase{border-top-right-radius:2px;border-bottom-right-radius:2px;}

.prompt{padding: 60px; text-align: center; margin: auto;}
.prompt img{margin: auto;}
.prompt p{color:#666; font-size:16px;line-height:1.6;}
.prompt .link-btn{text-align:center;color:#3c92d6;}
.prompt .link-btn:hover{text-decoration: underline;}

.empty-cnt{padding-top:82px;}
.empty-cnt_l{margin-left:240px;margin-right:40px;}
.empty-cnt .btn{border-radius: 18px;}
.empty-cnt .btn-jump{filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=0);
    -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=0);/*IE8*/
    background:#ffc71f;
    background:-moz-linear-gradient(top, #ffc71f, rgba(245, 123, 32, 1));
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ffc71f), to(rgba(245, 123, 32, 1)));
    background:-o-linear-gradient(top,#ffc71f, rgba(245, 123, 32, 1)); }

/*公用浮动客服*/
.global-fix{position:fixed;top:50%;right:0;z-index:799;margin-top:-122px}
.global-fix .none{display:none}
.global-fix .border-r{position:fixed;top:0;right: 0;width: 8px; height: 100%; background-color: #050505;}
.global-fix>ul>li{position:relative; margin-right: 3px; margin-bottom: 3px;}
.global-fix>ul>li .fix_first{display: inline-block;width: 46px; height: 46px; line-height: 40px; text-align: center; color: #F8AF4F; background-color: #050505;border-radius: 4px;z-index:999;}
.global-fix>ul>li:hover .fix_first{color: #558af8;}
.global-fix>ul>li .icon{font-size: 24px;}
.global-fix>ul>li.last{position: fixed;bottom:-3px;}
.global-fix li>.global-position{position:absolute;right:0;visibility:hidden; color:#fff;border-radius:4px;line-height:36px; padding:5px 20px;background-color: #050505;white-space:nowrap; z-index: -1; cursor: pointer;}
.global-fix li:hover>.global-position{position:absolute;right:50px;visibility:visible;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.global-position .rectangle{position:absolute;top:0;right:-6px;display:block;width:10px;height:46px;background-color: #050505;}
.global-position .icon{vertical-align: middle;}
.txt-fix{top:0;font-size: 16px;}
.wechart-fix{top:-150px;margin-top:0;width:142px; height: 300px; text-align: center;line-height: 2!important;}
.wechart-fix img{margin-top: 10px;}
.global-position.wechart-fix .rectangle{top:150px;}
.global-position.wechart-fix .des{margin-top: -6px;}
@-webkit-keyframes tada{10%,20%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
    30%,50%,70%,90%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}
    40%,60%,80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
    to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@keyframes tada{10%,20%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg);-ms-transform:rotate(-5deg)}
    30%,50%,70%,90%{-webkit-transform:rotate(5deg);transform:rotate(5deg);-ms-transform:rotate(5deg)}
    40%,60%,80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg);-ms-transform:rotate(-5deg)}
    to{-webkit-transform:rotate(0deg);transform:rotate(0deg);-ms-transform:rotate(0deg)}
}
@media screen and (max-width: 1400px)  {
    .global-fix{left:auto; right:12px;}
}

.global-fix_l{position:fixed;top:50%;left:50%;margin-left:620px;z-index:999;margin-top:-200px}
.global-fix_l.none{display:none}
.global-fix_l ul{width: 70px;box-shadow: 0 2px 8px 2px rgba(100, 100, 100, 0.1);border-radius:6px;overflow:hidden;}
.global-fix_l li{height: 64px; padding: 20px;letter-spacing:1px; line-height: 1; background-color: #F7F7F7; border-bottom: 1px solid #e3e3e3; cursor: pointer;font-size:14px;color:666;}
.global-fix_l li.on,.global-fix_l li:hover{color:#cf34dd;}
.global-fix_l li.title{color:#fff;background:#6185fc; padding-top: 16px; }
.global-fix_l li.top{text-align: center;color:#6185fc;}
.global-fix_l li.top .icon{margin-top: -3px;font-size:28px;color:#333;font-weight:bolder;}
.global-fix_l li.top:hover .icon{color:#cf34dd;}

/*地区插件*/
#area-picker { width:400px; border:solid 1px #ccc;position:absolute;padding:0!important;background-color:#fff!important;overflow:auto;left:0;z-index:9999;}
#area-picker a.rgn { display:block; cursor:pointer; width:65px; height:20px; margin:5px; float:left;}
#area-picker .tab { height:30px; position:relative;}
#area-picker .tab ul.items { position:absolute;}
#area-picker .tab li { float:left; background-color:#fff; width: auto; height:30px; line-height:28px; font-size:14px; margin-left:8px; margin-right: 0; white-space:nowrap; padding:3px 10px; cursor:pointer; border:solid 1px #dedede; border-bottom:0;}
#area-picker .tab li.focus { font-weight:bold; height:31px; border:solid 1px #d3d3d3; border-bottom:0px;}
#area-picker .tab-line { border-top:solid 1px #d3d3d3; background-color:#e6f0f9; height:1px; font-size:1px; line-height:1px;}
#area-picker .tab .btn{margin-top:-6px;}

.form{padding:0 30px;}
.form .item,.bind-mobile .item,.forget-pwd .item{width:100%;position:relative;margin-top:20px;}
.form .item input,.bind-mobile .item input,.forget-pwd input{width:100%;height:40px;line-height:24px;padding:8px 26px 8px 10px;border:1px solid #D8D8D8; border-radius:4px;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;}
.form .item i{position:absolute;top:0;right:0;display:block;width:26px;line-height:36px;color:#5a5a5a;text-align:center;}
.form .item span{display:none;position:absolute;top:-22px;right:-10px;padding:5px 10px;background-color:#ad2222;color:#fff;border-radius:4px;}
.form .item span:after{content:"";position:absolute;bottom:-4px;right:20px;width:0;height:0;border-top:4px solid #ad2222;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:0;}
.form .item input:focus{border-color:#f8af4f;-webkit-transition:all .5s ease-in;transition:all .5s ease-in;box-shadow: 0px 0px 4px 2px rgba(250, 156, 32, 0.2);}
.form .error input{border-color:#ad2222;}
.form button,.bind-mobile button,.forget-pwd .btn-blue{width:100%;text-align:center;font-size:14px;line-height:24px;color:#fff;cursor:pointer;}
.form .phone_vf input,.bind-mobile .phone_vf input{width:180px;}
.form .phone_vf button,.bind-mobile .phone_vf button,.forget-pwd .phone_vf button{margin-left:10px;width:120px;line-height:20px;vertical-align:top;}

.alink{color:#568CFB;}
.alink:hover{text-decoration:underline;}