@charset "utf-8";
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}
body{ line-height:1;font-family:\5FAE\8F6F\96C5\9ED1;font-size: 14px;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}
ul{list-style:none;}
blockquote,q{ quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid#cccccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}
.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0;}
.clearfix{zoom:1}
.clear{clear:both;}
a{text-decoration:none;color: #333;}
input,button,select{ -webkit-appearance: none;background-color: #fff}
input,button,select,textarea{ outline:none; border: none;border-radius: 0;color: #333;font: 16px "微软雅黑";font-weight: normal;}
textarea{ resize:none}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);outline:0;}
.dib{ display: inline-block}
.mr60{ margin-left: 60px}
::-webkit-input-placeholder {
    color:#bbb;
}
.btn{
    display: inline-block;
    padding: 0 12px;
    margin-right: 4px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #333;
    font-weight: normal!important;
    background-color: #f8f8f8;
    border: 1px solid #d2d2d2;
    border-radius: 2px;
    background-image: none;
    cursor: pointer;
    filter: none;
}
input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly]{
    /*background-color: #e4e4e4;*/
    color:#8e8e8e;
}
html{ background-color: #f8f8f8}
body,form{ margin:0;padding: 0;}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
    margin-bottom: 0;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus{
    outline: none;
}
.tip-box .warning{ border-bottom:1px solid #ccc;background-color: #f8f8f8;padding: 0 14px;}
.main-color{ color:#ff8000;}
/*.main-sign{ background-color: #f5f5f5;}*/
.main-sign{ margin-top: 14px;}
.header{ height:50px;line-height: 50px;background-color: #fff;margin: 0 auto;}
.header .login{ display: inline-block;float: right;margin-left: 60px;}

.header .login .log {
    color: #a40000;
    padding: 0 14px;
    display: inline-block;
    line-height: 12px;
}
.header .login .log:hover{ color:#ff8000;text-decoration: none;}
.head-box{ width:820px;margin: 0 auto}
.title{ display: block;line-height: 36px;text-align:center;color:#ff8000;font-size: 24px;padding: 30px 0;}
.main-box{ width:802px;border:1px solid #d2d2d2;background-color: #fff;padding: 0 14px;margin: 0 auto;}
.quotes:after{ content:"\FF1A";}
.btn-box{ width:366px;}
.btn-next{ width:100%;line-height:46px;background-color:#ff8000;color:#fff;border:none;font-size: 14px;border-radius: 4px;cursor: pointer;}
.btn-next:focus{ outline: none;}
.reg-wrapper{ padding:0 32px;width: -moz-calc(430px - 64px);width: -webkit-calc(430px - 64px);width: calc(430px - 64px);background-color: #fff;vertical-align: middle;position: relative}
.reg-wrapper .regTxt{ font-size:28px;text-align: center;margin:40px auto 16px}
.reg-wrapper .regTips{ height:12px;line-height:12px;font-size:14px;color:#666;text-align: center;margin: 24px auto}
.sign-box{ width:1440px;margin: 0 auto;display: table-cell;vertical-align: middle;display: -webkit-box;display: -moz-box; display:-webkit-flex;display: -ms-flexbox;display:flex;-webkit-box-pack: center;-moz-justify-content: center;-webkit-justify-content: center;justify-content: center;padding-top:30px;background-color: #F8F8F8;}
.control-group .controls{ text-align: center}
.control-group .controls .input-title{ display: inline-block;line-height: 44px;width:100px;text-align: right;}
.control-group .controls .input-user{ display: inline-block;text-align: left;color: #808080;font-size: 14px;padding: 0 16px;width: 366px;width: -moz-calc(366px - 34px);width: -webkit-calc(366px - 34px);width: calc(366px - 34px);height: 40px;line-height: 40px;border: 1px solid #eee;box-shadow: none;border-radius:0;}
#customerType{ display: inline-block;text-align: left;color: #808080;font-size: 14px;padding: 0 16px;width:366px;height: 40px;line-height: 40px;border: 1px solid #eee;box-shadow: none;border-radius: 0;background-position: 98%}
.control-group .controls .area{ display: inline-block;text-align: left;color: #808080;font-size: 14px;width:176px;height: 40px;line-height: 40px;margin-left:14px;border: 1px solid #eee;padding: 0 16px;box-shadow: none;border-radius:0;}
.control-group .controls .area:first-child { margin-left: 0}
.control-group .controls .yzm{ width: 238px;width: -moz-calc(238px - 26px);width: -webkit-calc(238px - 26px);width: calc(238px - 26px);}
.btn-sign{ width: 120px!important;background-color: #fff;color:#a40000;height:40px;line-height: 40px;font-size: 14px;cursor: pointer;border-left: 1px solid #eee;border-radius: 0;margin-left: -4px;padding-left: 10px;}
.ml100{ margin-left: 100px;}
.star:before{ content:"*";color:#a40000;}
.mask{ display:none;width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 10000;background-color: #000; background: rgba(0, 0, 0, 0.3);opacity: 0.3;}
.btn-width{ width:366px;margin-bottom:26px;}
select{ background: url('../../res/wqg/down-arr.png') no-repeat;background-position:110px center;background-size: 15px 9px;padding-right: 24px!important;}
input.Validform_error, select.Validform_error,.Validform_wrong{ color:#a40000;}
.Validform_checktip{ display: block;height:22px;line-height:22px;padding-left: 16px;text-align: left;font-size:12px;}
.err{ line-height: 1.8em;display: block;margin: 0 auto;}
.success{ text-align: center; padding: 14px 0;}
.codeImg{ margin-left: 12px;height: 44px;margin-right:14px;}
.mBottom{ margin: 0 auto 72px; }
.regBg{ padding: 42px 0}
#mainRegister{ text-align: center}
.agreement{ color:#999;width: 336px;display: block;text-align: left;}
.control-group .marT40{ margin-top: 40px}
@media screen  and (min-width: 979px){
    html{ font-size: 87.5%;}
    .control-group{ position: relative;}
    /*.sign-box{  width:28.33rem;background-color: #fff;padding-top: 0}*/
    /*.Validform_checktip{ margin-left: 10px;}*/
}
@media screen and (min-width: 768px) and (max-width: 979px) {
    html{ font-size: 150%;background-color: #fff;}/*24px*/
    .header,.foot,.regBg{ display: none;}
    .ml100{ margin-left: 0}
    .header .login{ margin-left: 2rem;}
    .default .compact-box{ width:100%;max-height: 33rem}
    .main-box,.reg-wrapper{ width:28.33rem;padding:0;}
    .sign{ width:28.33rem;padding: 0;}
    .sign-box{  width:28.33rem;background-color: #fff;padding-top: 0}
    .reg-wrapper .regTxt{ margin-top: 26px}
    .control-group .controls .input-title{ width:5.08rem;font-size:.6rem; }
    .control-group .controls .input-user{ width: -moz-calc(336px - 34px);width: -webkit-calc(336px - 34px);width: calc(336px - 34px);font-size: .6rem}
    #customerType{ width: -moz-calc(336px);width: -webkit-calc(336px);width: calc(336px);font-size:.8rem;}
    .control-group .controls .area{ width: 6.8rem;margin-left:.55rem;font-size:.6rem; }
    .control-group .controls .yzm{ width:7.2rem;}
    .btn-width{ width:100%;}
    .btn-next{ width:100%;}
    .btn-sign{ padding: 0 1.25rem;}
   /* .Validform_wrong{ display: block;text-align: left;padding: 1rem 0 0 5.5rem;}*/
    .Validform_checktip{ width:12.3rem;}
    .err{ font-size: .6rem}
    select{ background-position:4.2rem center;background-size: .5rem .3rem;}
    /*.success{ padding: 40% 0;}*/
    .mBottom{ margin-bottom: 0}
    .btn-box{ margin: 0 auto;width:336px;}
    .agreement{ color:#999;width: 336px;display: block;margin: 0 auto;text-align: left;}
}
@media screen and (min-width: 640px) and (max-width: 767px) {
    html{ font-size: 125%;background-color: #fff;}/*20px*/
    .header,.foot,.regBg{ display: none;}
    .ml100{ margin-left: 0}
    .ml30{ margin-left: 1.05rem}
    .ml35{ margin-left: 1.2rem}
    .more{ margin-left: 4.8rem;}
    .agreement{ padding-left: 2.6rem;color:#999;}
    .more-img{ margin-left: 0;margin-top: .6rem;}
    .head-box{ width:100%;}
    .header .login{ margin-left: 2rem;}
    .default .compact-box{ width:100%;max-height: 26rem}
    .main-box,.reg-wrapper{ width:22rem;padding:0;}
    .sign{ width:22rem;padding: 0;}
    .sign-box{ width:22rem;background-color: #fff;padding-top: 0}
    .reg-wrapper .regTxt{ margin-top: 26px}
    .sign form{ width:100%;}
    .control-group .controls .input-title{ width:4.5rem;}
    .control-group .controls .input-user{ width: -moz-calc(236px - 34px);width: -webkit-calc(236px - 34px);width: calc(236px - 34px);font-size: .7rem}
    #customerType{ width: -moz-calc(236px);width: -webkit-calc(236px);width: calc(236px);font-size:.8rem;}
    .control-group .controls .area{ width: 7.5rem;margin-left:.68rem;font-size:.7rem }
    .control-group .controls .yzm{ width:8.2rem;}
    /*.btn-box{ margin-left: 2.6rem;}*/
    .btn-box{ width:336px;}
    .btn-width{ width:100%;}
    .btn-next{ width:100%;}
    .btn-sign{ padding: 0 1.5rem;}
    /*.Validform_wrong{ display: block;text-align: left;padding: 1rem 0 0 5rem;}*/
    .Validform_checktip{ width:15rem;}
    .err{ font-size: .7rem}
    select{ background-position:6.5rem center;background-size: .65rem .35rem;}
    /*.success{ padding: 40% 0;}*/
    .codeImg{ height: 44px;line-height: 44px;margin-left: 0;margin-right: 0}
    .mBottom{ margin-bottom: 0}
}
@media screen and (min-width: 480px) and (max-width: 639px){
    html{ font-size: 100%;background-color: #fff;}/*16px*/
    .header,.foot,.regBg{ display: none;}
    .ml100{ margin-left: 0}
    .ml30{ margin-left: 1.05rem}
    .ml35{ margin-left: 1.3rem}
    .more{ margin-left: 6.3rem;}
    .agreement{ padding-left: 0;color:#999;}
    .more-img{ margin-left: .1rem;margin-top: 10px;}
    .head-box{ width:100%;}
    .header .login{ margin-left: 2rem;}
    .default .compact-box{ width:100%;max-height: 30rem}
    .main-box,.reg-wrapper{ width:25.5rem;padding:0;}
    .sign{ width:25.5rem;padding: 0;}
    .sign-box{  width:100%;background-color: #fff;padding-top: 0}
    .reg-wrapper .regTxt{ margin-top: 26px}
    /*.btn-box{ margin: 0 0 1.5rem 0;}*/
    .btn-box{ width:336px;}
    .btn-width{ width:100%;}
    form{ width:100%;}
    .control-group .controls .input-title{ width:6.125rem;font-size:.8rem;}
    .control-group .controls .input-user{ width: -moz-calc(236px - 34px);width: -webkit-calc(236px - 34px);width: calc(236px - 34px);font-size:.8rem; }
    #customerType{ width: -moz-calc(236px);width: -webkit-calc(236px );width: calc(236px);font-size:.8rem; }
    .control-group .controls .area{ width: 8.4rem;margin-left:.85rem;font-size:.8rem }
    .control-group .controls .yzm{ width:10rem;}
    .btn-next{ width:100%;}
    .btn-sign{ width:6.2rem!important;padding: 0 .875rem;}
    /*.Validform_wrong{ display: block;text-align: left;padding: 1rem 0 0 6.625rem;}*/
    .Validform_checktip{ width:16.8rem;}
    .err{ font-size: .8rem}
    select{ background-position:7.2rem center;background-size: .775rem .4375rem;padding-right: 1.6rem!important;}
    /*.success{ padding: 40% 0;}*/
    .codeImg{ width:6.2rem!important;height:44px;padding: 0 .875rem;margin-left: 0;margin-right: 0}
    .mBottom{ margin-bottom: 0}
}
@media screen and (min-width: 321px) and (max-width: 478px) {
    html{ font-size: 75%;background-color: #fff;}/*12px*/
    .header,.foot,.regBg{ display: none;}
    .ml100{ margin-left: 0}
    .more{ margin-left: 6.8rem;}
    .ml30{ margin-left: .8rem;}
    .ml35{ margin-left: 1.2rem}
    .agreement{ padding-left: 0;color:#999;width: -moz-calc(27rem - 1rem);width: -webkit-calc(27rem - 1rem);width: calc(27rem - 1rem);margin: 0 auto;}
    .more-img{ margin-left: .1rem;margin-top: .6rem;}
    .head-box{ width:100%;}
    .header .login{ margin-left: 2rem;}
    .default .compact-box{ width:100%;max-height: 30rem}
    .main-box,.reg-wrapper{ width:28rem;padding:0;}
    .sign-box{ width:100%;background-color: #fff;padding-top: 0}
    .reg-wrapper .regTxt{ margin-top: 26px}
    /*.btn-box{ margin: 0 0 1.5rem 0;}*/
    .btn-box{ width: -moz-calc(27rem - 1rem);width: -webkit-calc(27rem - 1rem);width: calc(27rem - 1rem);margin: 0 auto;}
    .main-sign{ margin-top: 0;}
    form{ width:100%;}
    .control-group .controls .input-title{ width:8rem;font-size:1.2rem;}
    .control-group .controls .input-user{ width: -moz-calc(26rem - 2rem);width: -webkit-calc(26rem - 2rem);width: calc(26rem - 2rem);font-size:1.2rem;}
    #customerType{width: -moz-calc(27rem);width: -webkit-calc(27rem);width: calc(27rem);font-size:1.2rem; }
    .control-group .controls .area{ width: 13rem;margin-left:.85rem;font-size:1.2rem }
    .control-group .controls .yzm{ width:15.3rem;}
    .control-group .controls .upload{ width:5rem;height: 5rem;}
    .control-group .controls .upload-images{ width:5rem;height: 5rem;}
    .control-group .controls .upload-images img{ width:5rem;height:5rem;}
    .btn-width{ width:100%;}
    .btn-next{ width:100%}
    .btn-sign{ width:8.7rem!important;padding: 0  1.5rem;}
   /* .Validform_wrong{ display: block;text-align: left;padding:1rem 0 0 8.5rem;}*/
    .Validform_checktip{ width:16.33rem;}
    .err{ font-size: 1.2rem}
    select{ background-position:6.5rem center;background-size: 1rem .6rem;padding-right: 1.6rem!important;}
    /*.success{ padding: 40% 0;}*/
    .codeImg{ width:8.7rem!important;height:44px;margin-left: .35rem;}
    .mBottom{ margin-bottom: 0}
}
@media screen and (max-width: 320px) {
    html{ font-size: 62.5%;background-color: #fff;}
    .header,.foot,.regBg{ display: none;}
    .ml100{ margin-left: 0}
    .more{ margin-left: 6.25rem;}
    .ml30{ margin-left: .46rem;}
    .ml35{ margin-left: .8rem}
    .mt{ margin-top: .5rem;}
    .more-img{ margin-left:.1rem;margin-top: 1rem;}
    .agreement{ padding-left: 0;color:#999;width: -moz-calc(336px - 100px);width: -webkit-calc(336px - 100px);width: calc(336px - 100px);margin: 0 auto;}
    .head-box{ width:100%;}
    .header .login{ margin-left: 2rem;}
    .default .compact-box{ width:100%;max-height: 29rem}
    .main-box,.reg-wrapper{ width:25rem;padding: 0;}
    .sign{ width:25rem;padding: 0;}
    .main-sign{ margin-top: 0;}
    .sign-box{  width:25rem;background-color: #fff;padding-top: 0}
    .reg-wrapper .regTxt{ margin-top: 26px}
    form{ width:100%;}
    .control-group .controls .input-title{ width:7.5rem;font-size: 1.2rem;}
    .control-group .controls .input-user{ width: -moz-calc(236px - 34px);width: -webkit-calc(236px - 34px);width: calc(236px - 34px);font-size: 1.2rem;}
    #customerType{width: -moz-calc(236px);width: -webkit-calc(236px);width: calc(236px);font-size: 1.2rem; }
    .control-group .controls .area{ width: 9.5rem;margin-left:.85rem;font-size:1.2rem }
    .control-group .controls .yzm{ width:8.6rem;}
    .control-group .controls .upload{ width:4.8rem;height:5rem;}
    .control-group .controls .upload-images{ width:4.8rem;height: 5rem;}
    .control-group .controls .upload-images img{ width:4.8rem;height:5rem;}
    .btn-width{ width:100%;}
    .btn-next{ width:100%;}
    /*.btn-box{ margin: 0 0 1.5rem 0;}*/
    .btn-box{ width: -moz-calc(336px - 100px);width: -webkit-calc(336px - 100px);width: calc(336px - 100px);margin: 0 auto;}
    input.btn-sign{ width:8rem!important;padding: 0 .6rem;margin-left: -4px;}
   /* .Validform_wrong{ display: block;text-align: left;padding: 1rem 0 0 8rem;}*/
    .Validform_checktip{ width:15.45rem;}
    .err{ font-size: 1.2rem}
    select{ background-position:6rem center;background-size: 1rem .6rem;padding-right: 1.6rem!important;}
    /*.success{ padding: 40% 0;}*/
    .codeImg{ width:8rem!important;height:44px;margin-left: 0;margin-right: 0}
    .mBottom{ margin-bottom: 0}
}
/*.control-group .controls .input-user:focus{ border-color:#a40000;}*/
#ft{ position: fixed;bottom:0;width:100%;text-align: center;font-size:12px;color:#333;height:38px;background-color:#F8F8F8;line-height:38px;}
.ycfLogo{ width: 90px; height: 25px;line-height: 25px;display: inline-block;background: url(../../res/common/ycfLogo.png) no-repeat;background-size: 100%;vertical-align: middle;}
.ycfTitle{ font-size: 22px;vertical-align: middle;display: inline-block;}
.remindBox{ position: fixed;bottom: 14px;left:0;right:0;width: 100%!important;}
.remindPc{ width: 100%;}
.remindApp{ width: 80%!important;}
.white-bg{ background-color: #fff}
.pdT{ padding: .35rem 0;}
.custom{ width:100%;height:1rem;line-height:1rem;padding:.35rem 0;border:1px solid #a40000;text-align: center;}
.custom-top{ position:fixed;z-index:1001;left:0;top:0; right:0; bottom: 0; background:rgba(0, 0, 0, 0.3);}
.custom-top .pay-mask{ width:80%;margin: 100px auto 1rem;border-radius: 4px;}
.close-white{ display:block;width:100%;height:32px;background: url('../../res/wmalls/close-white.png') no-repeat;background-size: 32px;background-position: 50% 0;}
.share-arrow{ width:48px;height:48px;display:inline-block;position:absolute;top:.5rem;right:.5rem;background: url('../../res/wmalls/share-arrow.png') no-repeat right;background-size: 100%;}
.shareCard{ display:block;width:100%;height:104px;line-height:80px;background:url('../../res/wmalls/shareCard-icon.png') no-repeat;background-size: 100%;font-size: 1.1rem;color:#fff;font-weight: bold;text-align: center;border-top-left-radius: 4px;border-top-right-radius: 4px;}
#pcLoginBtn{ display:block;width:200px;height:30px;line-height:30px;padding: 4px;text-align: center;margin: 20px auto 18px}