html,body{font-size:10px}
@media screen and (min-width:321px) and (max-width:336px){html,body{font-size:10.5px}}
@media screen and (min-width:337px) and (max-width:352px){html,body{font-size:11px}}
@media screen and (min-width:353px) and (max-width:368px){html,body{font-size:11.5px}}
@media screen and (min-width:369px) and (max-width:384px){html,body{font-size:12px}}
@media screen and (min-width:385px) and (max-width:400px){html,body{font-size:12.5px}}
@media screen and (min-width:401px) and (max-width:416px){html,body{font-size:13px}}
@media screen and (min-width:417px) and (max-width:432px){html,body{font-size:13.5px}}
@media screen and (min-width:433px) and (max-width:448px){html,body{font-size:14px}}
@media screen and (min-width:449px) and (max-width:464px){html,body{font-size:14.5px}}
@media screen and (min-width:465px) and (max-width:480px){html,body{font-size:15px}}
@media screen and (min-width:481px) and (max-width:496px){html,body{font-size:15.5px}}
@media screen and (min-width:497px) and (max-width:512px){html,body{font-size:16px}}
@media screen and (min-width:513px) and (max-width:528px){html,body{font-size:16.5px}}
@media screen and (min-width:529px) and (max-width:544px){html,body{font-size:17px}}
@media screen and (min-width:545px) and (max-width:560px){html,body{font-size:17.5px}}
@media screen and (min-width:561px) and (max-width:576px){html,body{font-size:18px}}
@media screen and (min-width:576px) and (max-width:592px){html,body{font-size:18.5px}}
@media screen and (min-width:593px) and (max-width:608px){html,body{font-size:19px}}
@media screen and (min-width:609px) and (max-width:624px){html,body{font-size:19.5px}}
@media screen and (min-width:625px) and (max-width:640px){html,body{font-size:20px}}
@media screen and (min-width:641){html,body{font-size:20px}}

/*
@media screen and (min-width:321px) and (max-width:375px){html,body{font-size:11px}}
@media screen and (min-width:376px) and (max-width:414px){html,body{font-size:12px}}
@media screen and (min-width:415px) and (max-width:639px){html,body{font-size:15px}}
@media screen and (min-width:640){html,body{font-size:20px}}
@media screen and (min-width:640px) and (max-width:719px){html{font-size:20px}}
@media screen and (min-width:720px) and (max-width:749px){html{font-size:22.5px}}
@media screen and (min-width:750px) and (max-width:799px){html{font-size:23.5px}}
@media screen and (min-width:800px){html{font-size:25px}}
*/
.skin-white { background:#fff; }

.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.flex-v{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.flex-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.flex-pack-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.flex-pack-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}

.weui-badge{display:inline-block;padding:.15em .4em;min-width:8px;border-radius:18px;background-color:#f43530;color:#fff;vertical-align:middle;text-align:center;font-size:9pt;line-height:1.2}
.weui-badge_dot{padding:.4em;min-width:0}

body { max-width:640px;margin:0 auto;background:#fafafa; }
a { color:#6ea0c1; }
.overflow-hide{overflow:hidden;height:100%;}

.agent-banner { position:relative;width:100%;margin-bottom:0;padding-bottom:43.06667%; }
.agent-banner .box-swiper { position:absolute;width:100%;height:100%; }
.agent-banner .box-swiper .swiper-container { width:100%;height:100%; }
.agent-banner .box-swiper .swiper-slide {display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center}
.agent-banner .box-swiper .swiper-slide img {width:100%;height:100%; }


.am-slider { margin-bottom:0; }
.am-slider .am-control-nav { bottom:1.8rem;z-index:2; }
.am-slider .am-control-nav li a { width:1rem;height:1rem;border-radius:1rem;background:#fff;opacity:0.5; }
.am-slider .am-control-nav li a.am-active { background:#fff;opacity:1; }
.am-btn:focus,.am-btn:hover { color:#fff; }

.wtdd-box { padding:0 6%; font-weight:300; }
.wtdd-box .header-box { text-align:center; }
.wtdd-box .header-box h2 { font-size:1.8rem;line-height:6rem;font-weight:300;letter-spacing:0.1em;margin:0.8rem 0; }
.wtdd-box form { }
.wtdd-box form .am-form-group { margin-bottom:0.8rem; }
.wtdd-box form.am-form input { box-shadow:0;-webkit-box-shadow:0;outline:none;border-color:#afafaf;border-width:0.5px;line-height:1.4;text-indent:1rem; }
.wtdd-box form .btn-verifycode { line-height:1.4;font-weight:300;border:0.5px solid #e6e6e6; }
.wtdd-box form .btn-submit { border:0;background:#393939;color:#fff;line-height:1.8;font-weight:300; }
.wtdd-box form .verifycode-box>div:first-child { padding-right:0.36rem;  }
.wtdd-box form .verifycode-box>div:last-child { padding-left:0.36rem;  }

.modal-verifycode  { font-weight:300;  }
.modal-verifycode .am-modal-dialog { width:92%; max-width:360px; }
.modal-verifycode .am-modal-hd { font-weight:300; border-bottom:1px solid #dedede; }
.modal-verifycode .am-modal-bd .verifycode-desc { font-size:1.4rem;text-align:left; }
.modal-verifycode .am-modal-bd .am-modal-prompt-input { width:100%;border-width:0.5px;padding:0.5rem;line-height:1.4;text-indent:1rem; }
.modal-verifycode .am-modal-bd .am-modal-prompt-input:focus { box-shadow:none!important;border-color:#ccc; }
.modal-verifycode .am-modal-bd .verifycode-desc { margin:0;  }
.modal-verifycode .am-modal-btn { color:#000;  }

.header-box {  }
.header-box h1 { margin:0;padding:1rem;font-weight:300;font-size:2rem;line-height:4.9rem;margin-bottom:0;text-indent:2rem; }
.header-box .user-info { font-weight:300;font-size:1.8rem;line-height:5rem; }
.header-box .user-info .am-u-sm-10 { text-indent:1rem;background:#d8d8d8;color:#4a4a4a;width:80%; }
.header-box .user-info .am-u-sm-2 { background:#4a4a4a;color:#fff;text-align:center;width:20%;  }
.link-widget-list { margin:0;margin-bottom:40px; }
.link-widget-list a { font-weight:300;color:#4a4a4a;margin-left:3rem;line-height:1.85;font-size:1.4rem; }
.link-widget-list a::after { display: inline-block;font: normal normal normal 1rem/1 FontAwesome,sans-serif;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0,0);content:"\f054";position:absolute;right:2.5rem;color:#ccc;top:50%;margin-top:-0.5rem; }
.foot_btns { width:100%; padding:0 6%; }
.btn-action { background:#393939;color:#fff;line-height:1.9;border:0; }
.btn-action.btn-sharepage { margin-bottom:2rem;  }
.btn-action.btn-shareqrcode { margin-bottom:0rem;  }
.modal-qrcode { display:none;width:100%;height:9999px;position:absolute;top:0;background:#000; }
.modal-qrcode .img-box img { width:100%; }
.modal-qrcode .modal-close { position:absolute;top:0;right:0;width:4.2rem;height:4.2rem;padding-top:0.4rem;text-align:center;line-height:4.2rem;color:#000;font-size:3.2rem;line-height:3.2rem;background:#f1f1f1;opacity:0.6;font-family:"Microsoft YaHei","微软雅黑";}
.modal-qrcode-tip { display:none;position:fixed;bottom:0;text-align:center;width:100%;color:#fff;background:#000;font-weight:300;font-size:1.2rem;padding:1rem 0;opacity:0.85; }
.modal-share-tip {display:block;width:100%;height:9999px;position:absolute;top:0;display:none;}
.modal-share-tip .tip-mask { width:100%;height:9999px;background:#000;opacity:0.75;}
.modal-share-tip .tip-image { position:absolute;top:0;right:2rem;width:50%;max-width:250px;}
.modal-copylink .am-modal-dialog { width:96%;max-width:480px; }
.modal-copylink  p.copy-tip { font-weight:300;margin-top:1.2rem;margin-bottom:0.6rem;font-size:1.5rem;text-indent:2em;text-align:left; }
.modal-copylink textarea { resize:none;width:100%;padding:0.4rem 0.8rem;background:#fff;border:0.5px solid #e6e6e6;box-shadow:none;font-size:1.3rem;-webkit-appearance:none;font-weight:300;border-radius:0; }

.am-header { background:#4a4a4a;line-height:5rem;height:5rem; }
.am-header .am-header-title { font-weight:300;line-height:5rem;margin:0 10%; }


/* 代理中心委托 */
.box-menu { border-top:1px solid #e7e7e7;margin-bottom:0;padding:1.5rem 0;background:url(/assets/img/mobile/home-menu-bg.jpg);background-size:100% 100%; }
.box-menu>ul { display:flex; }
.box-menu .main-menu {  }
.box-menu .main-menu li { display:block;width:25%; }
.box-menu .main-menu li a { display:block;text-align:center; }
.box-menu .main-menu li a img { display:block;width:36%;margin:0 auto;visibility:hidden; }
.box-menu .main-menu li a span { visibility:hidden;margin-top:0.1rem;line-height:2rem;font-size:1.25rem;color:#616161;  }
.box-menu .sub-menu { margin-top:0.45rem; } 
.box-menu .sub-menu li { display:block;width:20%; }
.box-menu .sub-menu li a { display:block;text-align:center; }
.box-menu .sub-menu li a img { display:block;width:40%;margin:0 auto;visibility:hidden; }
.box-menu .sub-menu li a span { visibility:hidden;line-height:1.05rem;font-size:1.05rem;color:#939393; }
.form-wtsq { background:#fafafa;margin-bottom:0;padding:0 6% 5rem;border-top:1px solid #e7e7e7; }
.form-wtsq .header-box { text-align:center; }
.form-wtsq .header-box h2 { margin:1.5rem 0 1rem;color:#666;font-size:1.6rem;line-height:1.6rem;font-weight:400;letter-spacing:0.25rem; }
.form-wtsq form .form-group { margin-bottom:1rem; }
.form-wtsq form .form-group input[type=text] { width:100%;height:4rem;padding:0 1rem;border:1px solid #afafaf;box-shadow:none;-webkit-appearance:none;border-radius:0;font-weight:300;font-size:1.6rem; }
.form-wtsq form .form-group textarea { box-sizing:border-box;width:100%;height:6rem;padding:0.8rem 1rem;border:1px solid #afafaf;box-shadow:none;-webkit-appearance:none;border-radius:0;font-weight:300;line-height:2rem;font-size:1.5rem;outline:none; }
.form-wtsq form .radio-group { display:flex;margin:0;padding:0.25rem 0 1.75rem; }
.form-wtsq form .radio-group label { width:50%;margin:0;font-weight:300;line-height:1.4rem;font-size:1.4rem; }
.form-wtsq form .radio-group label input { margin-top:0;vertical-align:middle; }
.form-wtsq form .form-group button { display:block;width:100%;height:4.5rem;border:0.5px solid #bfbfbf;background:#242424;letter-spacing:5px;font-size:1.6rem;color:#fff; }


.summary-box { border:0.5px solid #ccc;background:#fff;font-weight:300; }
.summary-box li { padding:1rem 0;border:0.5px solid #ccc;text-align:center;}
.summary-box li span { display:block; }
.summary-box li .text-num { font-size:2rem; }
.summary-box li .text-num em { margin-left:0.2rem;font-style:normal;font-size:1rem; }
.summary-box li .text-title { font-size:1.2rem; }

.agent-card {padding:1rem;border-radius:1px;background:#fff;color:#333;font-weight:300;/*box-shadow:0 1px 1px rgb(0 0 0 / 10%);*/}
.agent-card .card-header {padding:0.8rem 0.8rem;border-bottom:1px solid #eee;}
.agent-card .card-header span { display:inline;font-size:1.6rem;color:#666; }
.agent-card .card-body { color:#666; }
.income-card { min-height:40rem;margin-top:1rem;padding-bottom:3rem; }
.income-card .am-table { margin:0; }
.income-card .am-table th { padding:0.75rem 0.5rem;font-size:1.3rem }
.income-card .am-table td { padding:0.75rem 0.5rem;font-size:1.3rem }
.income-card .am-table td .btn { font-size:1.3rem; }

.form-sqtx {}
.form-sqtx .form-body { margin:1.5rem;  }
.form-sqtx .form-body .form-group label { font-weight:normal;font-size:1.4rem; }
.form-sqtx .form-body .form-group input { font-size:1.2rem; }
.form-sqtx .form-body .btn-submit { margin-top:3rem; }
.form-sqtx .form-body .payout-money { margin-top:0.3rem;font-size:1.2rem; }

.form-detail .form-body { margin:1.5rem;  }
.form-detail .form-body .form-group label { font-weight:normal;font-size:1.4rem; }
.form-detail .form-body .form-group input { font-size:1.2rem; }
.form-detail .form-body .payout-money { margin-top:0.3rem;font-size:1.2rem; }
.form-detail .form-body .box-payimages img { box-sizing:border-box;width:100%;border:1px solid #eee;margin-bottom:2px;padding:2px; }

/* 二维码图层 */
.layer-qrcode .box-qrcode { position:relative;width:100%;height:100%;background:#000; }
.layer-qrcode .box-qrcode .layui-layer-close { position:absolute;top:0;right:0;width:4.2rem;height:4.2rem;padding-top:0.4rem;text-align:center;line-height:4.2rem;color:#fff;font-size:3.2rem;line-height:3.2rem;background:#000;opacity:0.6;font-family:"Microsoft YaHei","微软雅黑"; }
.layer-qrcode .box-qrcode img { width:100%; }
.layer-qrcode .box-qrcode .qrcode-tip { position:fixed;bottom:0;text-align:center;width:100%;color:#fff;background:#4269a2;font-weight:300;font-size:1.2rem;padding:1rem 0;opacity:0.85; }







/*
.card {margin:1rem 1.5rem;border-radius:1px;box-shadow:0 1px 2px rgba(0,0,0,0.3);background:#fff;color:#333;font-weight:300;}
.card-header {padding:0.8rem 0.8rem;border-bottom:1px solid #eee;}
.card-header span { display:inline;font-size:1.8rem; }
.card-body { font-size:1.5rem; color:#666; }



.info-group { background-color:#fff;padding:0 1em;margin-bottom:0.8rem;line-height:1.7rem;border:1px solid #eee; }
.info-group .group-head { font-size:1.5rem;color:#aaa;line-height:2;font-weight:300;padding:1.2rem;text-align:center; }
.info-group .group-item { padding:2rem 1.8rem;border-top:1px solid #eee; }
.info-group .group-item .row { margin: 0 -1.2rem; }
.info-group .group-item .row .cell { width:50%;display:inline-block; letter-spacing:1px; }
.info-group .group-item .row .cell.full { width:100%; }
.info-group .group-item .row .cell:nth-child(n+2) { float:right; }
.info-group .group-item .row .cell .item-label { color:#aaa;font-size:1.2rem;line-height:2rem; font-weight:300; text-align:left; }
.info-group .group-item .row .cell .item-text { color:#333;font-size:1.2rem;line-height:2rem; font-weight:300;  text-align:left; }
.info-group .group-item .row .cell .item-text.text-indent { text-indent:2em; }
.info-group .group-item .row .cell .item-text .number { font-size:1.4rem; font-weight:400; }
.info-group .group-table { padding:2rem 0;border-top:1px solid #eee; }
.info-group .group-table .item-label {  margin-bottom:5px;color:#aaa;font-size:1.2rem;line-height:2rem; font-weight:300; }
.info-group .group-table .head-desc { font-size:1.2rem;font-weight:300;color:#333;padding-bottom:1em;line-height:2.1rem;text-align:left;text-indent:2em; }
.info-group .group-table table { border:1px solid #eee; border-collapse: collapse; }
.info-group .group-table table tr th { width:auto;font-size:1.2rem;font-weight:300; color:#333; border:1px solid #eee; }
.info-group .group-table table tr td { width:auto;font-size:1.2rem;font-weight:300; color:#666; border:1px dashed #eee; }
.info-group .group-table table tr td i { color:#6ea0c1; }
.info-group .group-table table tr td.active { background:#f9f9f9; }
*/

/* 阿里云拖动验证 */
.nc-container .stage {padding:0!important;}
.nc-container ._nc .stage1 {height:44px;}
.nc-container ._nc .stage1 .slider {left:0;right:0;box-shadow:0 0 1px #999;}
.nc-container ._nc .stage1 .slider {height:44px;}
.nc-container ._nc .stage1 .button {width:44px;height:44px;}
.nc-container ._nc .stage1 .track div {height:44px;line-height:44px;font-size:14px;}
.nc-container ._nc .stage1 .label {box-sizing:border-box;height:44px;padding-left:44px;line-height:44px;font-size:14px;}
.nc-container ._nc .stage1 .icon {bottom:0!important;}
.nc-container #nc_1_wrapper,.nc-container.tb-login #nc_1_wrapper {width:100%!important;}
.nc-container .nc_scale .btn_slide { height:100%!important; }


/* 代理首页委托 */
.nav-box { margin-bottom:0;padding:3.54% 0;text-align:center;border-top:1px solid #ebebeb;border-bottom:1px solid #e7e7e7;background:#fff; }
.nav-box li { width:10%;display:inline-block;margin:0 3%; }
.nav-box li a { display:block;width:100%;height:100%;border:1px solid #666;border-radius:100%; }
@media screen and (-webkit-min-device-pixel-ratio:2) {
.nav-box li a { position:relative;border:0;}
.nav-box li a:before {content:"";width:200%;height:200%;position:absolute;top:0;left:0;border:1px solid #666;border-radius:100%;-webkit-transform: scale(0.5);-webkit-transform-origin: 0 0;padding:1px;-webkit-box-sizing: border-box;pointer-events:none;}
}
.nav-box li a img { display:block;width:100%; }
.nav-box li span { white-space:nowrap;display:block;text-align:center;line-height:1.2rem;margin-top:0.6rem;font-size:1.2rem;font-weight:300; }
.wtdd-box { background:#fafafa; padding:0 6%;margin-bottom:2rem; }
.wtdd-box .header-box { text-align:center;padding-top:1.2rem; }
.wtdd-box .header-box h2 { color:#333;margin:0;font-size:1.56rem;line-height:1.56rem;font-weight:400;letter-spacing:0.12rem; }
.wtdd-box .header-box p { margin-top:0.48rem;font-size:1.08rem;line-height:1.08rem;color:#ababab; }
.wtdd-box .agent-wtform { margin-top:1.2rem; }
.wtdd-box .agent-wtform .am-form-group { margin-bottom:0.924rem; }
.wtdd-box .agent-wtform .am-form-field { padding:0;border-radius:0;border-color:#afafaf;font-size:1.3rem;border-width:1px;line-height:38px;font-weight:normal;color:#000;}
.wtdd-box .agent-wtform .am-form-field:focus { border-color:#afafaf;-webkit-box-shadow:none;box-shadow:none; }
.wtdd-box .agent-wtform label { display:inline-block;width:50%; }
.wtdd-box .agent-wtform label input { display:inline-block;margin-top:0;vertical-align:middle; }
.wtdd-box .agent-wtform label span { font-size:1.2rem;font-weight:normal;line-height:1.8rem;vertical-align:middle; }
.wtdd-box .agent-wtform .btn-submit { background:#242424;display:block;width:100%;border-radius:0;font-size:1.56rem;line-height:4rem;border:0.5px solid #bfbfbf;margin-top:1rem; }


.ajax-box { padding:0 6% 0;background:#fafafa; }
.ajax-drawing { }
.ajax-drawing a { display:block;margin-top:1rem; }
.ajax-drawing a img { max-width:100%;width:100%; }
.ajax-drawing-status { margin-top:1rem;text-align:center; }
.ajax-drawing-status span { font-size:1.5rem; line-height:1.5rem;color:#999;font-weight:300; }
.ajax-drawing-loading { display:none; }
.ajax-drawing-loading span img { vertical-align: middle; width:1.2rem;height:1.2rem;margin-right:0.1rem;}

/*page*/
.agent-page { margin:0; } 
.agent-page .pagination { margin:0; }