html{font-size:10px}
@media screen and (min-width:321px) and (max-width:375px){html{font-size:11px}}
@media screen and (min-width:376px) and (max-width:414px){html{font-size:12px}}
@media screen and (min-width:415px) and (max-width:639px){html{font-size:15px}}
@media screen and (min-width:640){html{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}}
*/

.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%;}
.banner-box { position:relative; }
.banner-box .slider-box { position:relative; }
.banner-box .slider-content { position:relative;width:100%;padding-bottom:43%;  }
.banner-box a.slider-item  { display:none;position:absolute;top:0;width:100%;height:100%;overflow:hidden;text-align:center; }
.banner-box a.slider-item:first-child  { display:block; }
.banner-box a.slider-item img { max-width:100%; }
.banner-box .slider-nav { display:none;position:absolute;width:100%;bottom:12px;text-align:center; }
.banner-box .slider-nav .nav-item { display:inline-block;width:0.6em;height:0.6em;border-radius:0.6em;margin:0 0.3em;background:#fff;opacity:0.5; }
.banner-box .slider-nav .nav-item.active { opacity:1; }

.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 { 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; }
.link-widget-list a::after { display: inline-block;font: normal normal normal 1.9rem/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.95rem; }
.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%; }

.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; }

.summary-box { 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-cards {}
.agent-cards .card {  }
.agent-cards .card-header {}
.agent-cards .card-body { padding:0.8rem; }
.agent-cards .card-footer { padding:0.8rem 0.8rem;border-top:1px solid #eee; }
.agent-cards h3 { margin-bottom:0.8rem;font-weight:300; }
.agent-cards table { border-width:0.5px!important; }
.agent-cards table th { border-width:0.5px!important;padding:0.3rem!important;font-weight:500!important; }
.agent-cards table td { border-width:0.5px!important;padding:0.3rem!important; }
.agent-cards table tr td.active { background:#f9f9f9; }
.agent-cards table.group  { border-width:1px!important; }
.agent-cards table.group td { border-color:#f0f0f0; }
.agent-cards table.group td.group-split { border-top:1px solid #ddd!important; }


.modal-setcard .am-modal-dialog { width:96%;max-width:480px;font-weight:300!important; }
.modal-setcard .am-modal-dialog .am-modal-bd { padding-top:1rem; }
.modal-setcard .am-modal-dialog .setcard-tip { font-weight:300;margin-top:0.5rem;margin-bottom:0rem;font-size:1.3rem;text-align:left; }

.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 {}
.agent-page li a { padding:0.5rem 1rem; }
.agent-page li.am-active a { background:#6ea0c1;border-color:#6ea0c1; }
