*::-webkit-scrollbar {background-color: #e8e8e8;width: 10px;height: 10px;}
*::-webkit-scrollbar-track-piece {background: #e8e8e8;}
*::-webkit-scrollbar-track {background-color: #e8e8e8;}
*::-webkit-scrollbar-thumb {background-color: #636363;border-radius: 12px;}
*::-webkit-scrollbar-thumb:hover {background-color: #505050;}
*::-webkit-scrollbar-button {background-color: #e8e8e8;display: none;}
*::-webkit-scrollbar-corner {background-color: #636363;}

*{box-sizing: border-box;}
.dp-back {
    background: white;
    min-height: 100vh;
    max-width: 500px;
    padding: 0 12px;
    margin: 0 auto;
}
.vtranslist-payee .trans-gray{line-height:27px;text-align: right;padding-right: 16px;color: #8a8a8a;font-size: 12px;}
.load-more{width: 100%;display: inline-block;color: inherit;text-decoration: none;height: 50px;line-height: 50px;font-size: 16px;border: none;background-color: #f1f1f1;}
.text-f{border: 1px solid #DCDCDC;
    line-height: 36px;
    border-radius: 4px;margin-bottom: 12px;}

.radio-e{background: #62c1c5!important;color: white!important;}





.pp-tips{font-size: 12px;color: #999;line-height: 27px;border-radius: 5px;padding: 16px;text-indent: initial;}



/*地址选择器*/
.address-pick li{list-style: none!important;line-height: 40px!important;}
.address-pick li:before{content: none!important;}


.line-danger{height: 37px;padding-left: 12px;border-radius:4px;rborder-color: #d43f3a;
    background: #d9534f; color: #fff;


    line-height: 37px;

    margin-bottom: 12px;}

/*测试页面公用*/
.btn-circle {display: inline-block;background: #62c1c5;color: white;width: 33px;height: 33px;border-radius: 33px;margin: 5px;text-align: center;line-height: 33px;}
.btn-circleENONE {display: inline-block;background: #c7c7c7;color: #fff;width: 33px;height: 33px;border-radius: 33px;margin: 5px;text-align: center;line-height: 33px;
    pointer-events: none;}
.w4-card .close{color: #c7c7c7;margin: 0;padding:12px;text-align: right;font-size: small;border-bottom: solid 1px #E5E5E5;}

.css-testing-bak{z-index: 999;position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: #000000aa;}
.css-testing-btn{position: fixed;background: #62c1c5;color: #fff;border-radius: 50% 50% 0 0;height: 90px;bottom: -45px;width: 90px;left: 50%;margin-left: -45px;text-align: center;vertical-align: middle;line-height: 53px;}
.flex-inline{display: flex;margin-bottom: 16px !important;justify-content: space-between;}/*justify-content: space-between; 两个极点，其余均分*/
.flex-inline div{text-align: center;}
.flex-item {max-width: 637px;display: flex;flex-direction: row;padding-bottom: 12px;}
.flex-space{display: flex;flex-direction: row;align-items:center;justify-content:center;justify-content: space-between;
    height: 37px;line-height: 37px;padding: 0 12px;}
.box-left .flex-item {max-width: unset;display: flex;flex-direction: row;padding-bottom: 12px;}

.flex-left {
    border-radius: 6px;
    flex: 0 0 237px;
    width: 428px;
    height: 120px;
    overflow: hidden;
}

.flex-item img {
    width: 100%;
}.charge-card{display: block;margin-bottom: 16px;background: #62c1c5;color: #fff;font-size: 16px;line-height: 37px;text-align: center;border-radius: 3px;border: none;}
.charge-weixin{display: block;
    width: 100%;line-height: 37px;
    padding: 0;
    font-size: 16px;
    color: #fefefe;
    text-align: center;
    background: #47b303;;
    border: none;
    margin-bottom: 16px;}
.charge-zfb{display: block;
    width: 100%;line-height: 37px;
    padding: 0;
    font-size: 16px;
    color: #fefefe;
    text-align: center;
    background: #2399ff;
    border: none;
    margin-bottom: 16px;}
.charge-money{display: block;
    width: 100%;line-height: 37px;
    padding: 0;
    font-size: 16px;
    color: #fefefe;
    text-align: center;
    background: red;
    border: none;
    margin-bottom: 16px;}
/*产品页 richtext 专员*/
.vproduct p,.report p{line-height: 30px;font-size: 16px;padding-bottom: 30px;text-indent: 2em;}
.vproduct li,.report li{margin: 0;padding: 0;margin-left: 12px;line-height: 30px;}
.vproduct ul,.report ul{margin-left: 24px;margin: 0 0 25px 0;padding: 0 0 0 1.5em;}
.vproduct ul li:before {content: "";position: absolute;width: 8px;height: 8px;margin-left: -15px;margin-top: 12px;background: #3bc5cc;border-radius: 15px;}
.vproduct ol,.report ol{margin: 0 0 25px 0;padding: 0 0 0 1.5em;}
.vproduct ol li,.report ol li {margin-left: 30px;list-style: inherit;}

.report .triangle-down{width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 12px solid red;
    border-radius: 50%;
    border: 2px solid #ff5722;
    background-color: white;
    width: 10px;
    height: 10px;
    margin-bottom: 1px;
}
.u-info{display: flex;
    flex-direction: row;
    background: white;
    padding: 16px;}

.u-info .tc{text-align: center;}
.u-info .u-vip{margin-left: 10px;
    width: 50px;
    height: 22px;
    line-height: 22px;
    display: inline-block;
    background-color: #62c1c5;
    border-radius: 11px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    font-style: italic;}
.com-upload-img{margin: 0px;
    padding: 0px;
    text-align: center;
    overflow: hidden;
    border: none;
    border-radius: 5px;
    display: flex;
    width: 120px;
    height: 120px;}
.com-upload-img img{width: 100%; border-radius: 200px;}



.HOVER_GZH{display: inline-block;}.HIDE{display: none;}.HOVER_GZH:hover .HIDE{right:0;color: #62c1c5;display: block;}
.v-imgs{width: 24px;height: 24px;border-radius: 100px;vertical-align:middle;}



/*modal*/
.modal-body{border-radius: 4px;}
.v-menu2{border-radius: 4px;width: 300px;padding: 12px;position: fixed;background: white;height: auto;left: auto;top: auto;z-index: 4444;position: fixed;left: 50%;margin: 0px auto;margin-left: -150px;}
.v-back{z-index: 300 !important; position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; background: rgba(0, 0, 0, 0.333);}
.v-menu{position: fixed;
    background: white;
    height: 100vh;
    width: 66vw;
    left: 0;
    top: 0;
    z-index: 4444;}
.v-menu .line-item{padding: 0 12px;}



.btn-inline2{
    display: inline-block;
    margin:0 6px 6px;
    padding: 0 12px;
    background: #62c1c5;
    color: white;
    font-size: 12px;
    border: none;
    border-radius: 4px;
    height: 27px;
    line-height: 27px;
}


/*h5 的键盘控件*/
.v-keyboardofn .v-input{padding: 0 10px;height: 37px;line-height: 37px;border: 1px solid #dcdcdc;text-align:left;margin-bottom: 12px;border-radius: 4px;}
.v-keyboardofn .v-modalback{z-index: 100;position: fixed;left: 0;right: 0;top: 0;bottom: 0;overflow: hidden;background: #000;opacity: 0.20;}


.v-switch {display: inline-block;padding:0;vertical-align: middle;vertical-align: text-top;margin-bottom: 12px;}
.v-switch .v-switch-box{position: relative;display: inline-block;box-sizing: content-box;width: 37px;height: 20px;font-size: 30px;border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 17px;cursor: pointer;-webkit-transition: background-color 0.3s;transition: background-color 0.3s;}
.v-switch .v-switch-dot{position: absolute;top: 0;left: 0;width: 20px;height: 20px;background-color: #fff;border-radius: 100%;box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.05);}
.v-switch .v-switch-label{vertical-align: top;display: inline-block;line-height: 22px;}

.v-loading{color: rgb(255, 255, 255);
    position: fixed;
    left: 50%;
    top: 50%;
    width: 80px;
    height: 80px;
    overflow: hidden;
    background: #0000008c;
    text-align: center;
    padding: 10px;
    border-radius: 4px;
    margin-left: -45px;
    margin-top: -45px;}

.e-404-img{width: 200px;height: 200px;text-align: center;margin: 0 auto;display: block;width: auto!important;}
.e-404-label{text-align: center;color: #62C1C5}

/*@import url("/cdn/css/g.run.css?family=Roboto:300,400,500,700,900");*/




/*html,body,.css-body{height: 100%;}*/

a, abbr, address, article, aside, audio, b, big, blockquote, body, caption, center, cite, code, dd, del, details, dfn, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, label, legend, li, mark, menu, nav, ol, output, p, pre, q, ruby, s, samp, section, small, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, u, ul, video {
    margin: 0;
    color: black;
}
h1,h2,h3,h4,h5,h6{margin-top: 0;padding: 0;}
.css-h1,.css-h2,.css-h3,.css-h4,.css-h5{text-align: center;}
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none !important; }
.router-link-active, .fa-active{background: #62c1c5;color: white;}
.fa-icon{margin-right: 12px;}  .fa{color: inherit;}
.fa-flash{color: lime}
.fa-user-circle{color: #62c1c5}
.fa-weixin{color: #4bcc4b}
.fa-qq{color: #12b7f5}
.fa-weibo{color: #cc0700}
body{background: white;margin: 0;padding: 0;}  /*body{background: #EFEFEF;margin: 0;padding: 0;}*/
body p{text-indent: 2em;margin: 0;padding-bottom: 12px;}
ul{margin: 0;padding-left: 20px;}
ul li:before {content: "";position: absolute;width: 10px;height: 10px;margin-left: -20px;border-radius:500px;margin-top: 10px;background: #3bc5cc;}
li {list-style: none;}
p,li {line-height: 30px;}
img{max-width: 100%}
section{padding: 12px;}
section p{text-indent: 2em;}
.line-login{text-align: center;}
.line-login .fa{font-size: 24px; margin: 0 12px;}
.view-login-method {
    display: flex;
    font-size: 16px;
    flex-direction: row
}

.view-login-method div {
    flex: 1;
}

.form {
    padding: 16px;
}

.input-box {
    width: 100%;
    margin-bottom: 24px;
    position: relative;
}

.title {text-align: center;}

.css-box {
    padding: 16px 16px 16px;
}
.form-btn {width: 320px;font-size: 16px;color: #fefefe;text-align: center;background-color: #62c1c5;border: none;margin-bottom: 16px;}
.d_red{z-index: 111;position: fixed;bottom: 5px;left: 0;right: 0;margin: auto;background: #62c1c5;color: #fff;width: 150px;font-size: small;text-indent: initial;text-align: center;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;padding: 8px 10px;height:36px;line-height:36px;padding:0 10px;border: none;}

.login-box .other-login-ways .login-way a {
    display: inline-block;
    height: 52px;
}

a, a:link, a:visited, a:hover, a:active {text-decoration: none;}
.login-box .other-login-ways .login-way {
    display: inline-block;
    margin: 0 16px;
    text-align: center;
    line-height: 52px;
    height: 52px;
}

.login-box .other-login-ways li {
    vertical-align: top;
}

.bottom-box i.icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: 16px;
    margin-right: 4px;
    background-image: url(https://img02.hua.com/pc/assets/img/pc_icon.png);
    background-repeat: no-repeat;
    vertical-align: top;
}
/*组件专用*/
/*h5 键盘组件*/
.v-keyboardofn td{width: 25%;border-radius: 4px; background: white;}

/*登录页面特有*/
.sign{position: relative;text-align:center;margin: 0 0 10px;color: #b5b5b5;}
.sign:before {content: "";border-top: 1px solid #b5b5b5;display: block;position: absolute;min-width: 100px;top: 10px;left: 0;}
.sign:after {content: "";border-top: 1px solid #b5b5b5;display: block;position: absolute;min-width: 100px;top: 10px;right: 0;}
.panel{padding: 0 16px 12px;margin: 0 16px 12px;}
.line-item{display: block;background: white;color:black;padding: 12px;}
.line-item2{display: flex;flex-direction: row;padding: 12px;margin: 0;background: white;border-bottom: 1px solid #ececec;}
.title,.css-title{text-align: center;height: 45px; line-height: 45px; font-weight: bold;
    padding-top: 0;
    margin: 0;}
.flex-right{margin-left: 12px;}
.line-item {display: block;height: 45px;line-height: 45px;border-bottom: 1px solid #ECECEC;padding: 0;
    margin-top: 6px;
    background: white;}
.line-gray{display: block;clear: both;text-align: right;color: #d0d0d0;line-height:36px;font-size: small;}

/*class="form-button" 各个平台兼容 */
input[type="date"],input[type="text"],input[type="password"]{
    text-align: left!important;
    display: block;margin-bottom: 12px;width: 100%;border: 1px solid #dcdcdc;border-radius: 4px;background: #fff;color: #333;font-size: 14px;line-height: 36px;padding: 0 10px;-webkit-box-sizing: border-box;box-sizing: border-box;outline: none;-webkit-appearance: none;}
input[type="button"]{display: block;margin-bottom: 24px;width: 100%;border: 1px solid #dcdcdc;border-radius: 4px;background: #62c1c5;color: #333;font-size: 14px;line-height: 36px;padding: 0 10px;-webkit-box-sizing: border-box;box-sizing: border-box;outline: none;-webkit-appearance: none;}
.input-line{
    width: 100%;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    background-color: #fff;
    color: #333;
    line-height: 45px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    -webkit-appearance: none;"
}

.block-line-danger{
    color: #fff;
    background: #d9534f;
    border-color: #d43f3a;
    height: 37px;
    line-height: 37px;
    padding-left: 12px;
    margin-bottom: 12px;
}

.list-item{display: block;height:45px;line-height:45px;background: white;border-bottom: solid 1px #E8E8E8;}
.list-item2{display:block;
    border: 1px solid #dcdcdc;padding: 0; height: 39px;line-height: 39px;
    margin-bottom: 12px;
    border-radius: 4px;text-align: center;}
.list-item3{max-width:95%;margin: 0 auto;padding:0;height: 37px;line-height: 37px;font-size: 12px;background: #FFFFFF;color: #000000;list-style: none;min-height:30px;}
.list-item-main{padding: 12px;}

div.form-button{display: block;margin-bottom: 24px;width: 100%;border: 1px solid #dcdcdc;border-radius: 4px;background: #62c1c5;color: #333;font-size: 14px;line-height: 36px;padding: 0 10px;-webkit-box-sizing: border-box;box-sizing: border-box;outline: none;-webkit-appearance: none;}
a.form-button{display: block;padding: 10px;width: auto;font-size: 16px;color: #fefefe;text-align: center;background-color: #62c1c5;border: none;margin-bottom: 16px;}
.btn-inline{display: inline;padding:4px 4px;background: #62c1c5;color: white;border-radius: 4px;}
.rounded-rectangle{display:inline-block;margin: 0 12px 12px 12px;height: 37px;line-height: 37px;
    border-radius:37px;font-size: 12px;background: #e7f0f1;
    font-weight:bold;color:#62c1c5;list-style: none;width: 35%;text-align: center;}
.circular{z-index: 999;position: fixed;right: 20px;bottom: 80px;width: 37px;height: 37px;line-height:37px;text-align:center;color:white;background: #62c1c5;border-radius: 37px;}
.hr{height: 1px;background: lightgrey;max-width: 95%;margin: 0 auto;}
/*.cate-nav{background: white;border-bottom: solid 1px #dcdcdc;margin-top: 45px;}*/
/*.cate-nav-fixed{background: white;border-bottom: solid 1px #dcdcdc;margin-top: 45px;*/
/*    z-index: 777;position: fixed;top: 0;right: 0;left: 0;}*/
.avatar{width: 56px;height: 56px;}
.nav-menu {
    position: fixed;
    z-index: 99999;
    right: 0;
    top: 0;
    width: 75px;
    margin-top: 15vh;
    font-size: 12px;
    background: #62c1c5;
    color: white;
    list-style: none;
    padding: 12px;
}

.nav-menu li {
    font-size: 12px;
    background: rgb(98, 193, 197);
    color: white;
    list-style: none;
    padding: 12px;
}

.dialog.slide {width: 100%;max-width: 375px;left: 50%;margin-left: -187.5px;background-color: #ebebeb;}
.modal {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1050;background-color: initial;-webkit-overflow-scrolling: touch; /*overflow: hidden;*/outline: 0;overflow-x: hidden;overflow-y: auto;opacity: 1;}
.modal-backdrop {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 111;background-color: #000;opacity: 0.5;}
.modal li {list-style: none;}
.modal .fade {opacity: 0;}
.modal-dialog {margin: 0 16px;margin-top: calc(25vh);min-height: 240px;}
.modal-content {position: relative;background-color: #ebebeb;background-clip: padding-box;border-radius: 6px;outline: 0;}
.modal-header {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;border-bottom: 0 solid #dee2e6;border-top-left-radius: 4px;border-top-right-radius: 4px;padding: 15px;border-bottom: 1px solid #e5e5e5;}
.modal-body {position: relative;-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;padding: 15px;}
.modal-footer {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;border-top: 0 solid #dee2e6;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;padding: 15px;text-align: right;border-top: 1px solid #e5e5e5;}

/*全屏页*/
.box-card {background: white;padding: 16px;z-index: 8888;position: fixed;top: 0;bottom: 0;left: 0;right: 0;text-align: center;  /*内容居中*/}
.box-card .name {font-size: 16px;line-height: 37px;font-weight: bold;text-align: center;margin-bottom: 8px;}
/*测试页面*/
/*min-height: calc(100vh - 45px);*/
/*min-height:100vh;max-width: 640px;  fixme view 渲染区重新*/
.h5-product{padding: 0;margin: 0 auto;}
.css-box {margin:0 auto;padding: 0;background: white;}
.css-body {padding: 0;background: white; max-width: 640px;margin: 0 auto;position: relative;}  /*min-height: 100vh;*/
.css-ohtml { padding: 0;
    background: white;
    max-width: 640px;margin: 0 auto;position: relative;}  /*min-height: 100vh;*/
.css-ohead {}
.css-obody {margin:0;padding: 0}
/* h5 一对架构 */
.css-core {background: white; max-width: 640px;
    margin: 0 auto;padding: 0;position: relative;}

.back-nav {background: #62c1c5;color: white;font-size: 16px;
    z-index: 222;position: relative;
    display: flex;padding: 0;
    -webkit-box-pack: justify;-webkit-box-align: center;justify-content: space-between;}
.back-nav-fixed {background: #62c1c5;color: white;display: flex;-webkit-box-pack: justify;-webkit-box-align: center;justify-content: space-between;
    position: fixed;z-index: 222;top: 0;left: 0;right: 0;max-width: 640px;margin: 0 auto;padding: 0;line-height: 45px;}
.back-nav .fa,.back-nav-fixed .fa{padding-right: 12px;}
.v-touch{line-height: 45px;width:45px;color: white;text-align: center;}
.v-touch .fa{margin: 0;padding: 0;}

.is-navi{padding-top: 45px;}
.CSS-VIEW{padding: 16px 12px 0;padding-top: 45px;}
.css-view{padding-left: 12px;padding-right: 12px;}
.css-vbox{max-width: 320px;margin: 12px auto;
    border: solid 1px #dcdcdc;
}
.css-box .box {
    display: flex;
    flex-direction: row;
    color: #777777;
}

.css-box .box div {
    flex: 1;
    text-align: center;
}

.pagination span {
    margin-right: 16px;
    width: 16px;
    height: 16px;
}

.css-box .pagination .num {
    background: #55ac54;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    border-color: #55ac54;
}



.css-box .custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.css-box input[type="radio"], input[type="checkbox"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

.css-box .custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}

.css-box input[type="radio"]:checked + .custom-control-label, input[type="checkbox"]:checked + .custom-control-label {
    font-weight: 500;
}

/*bind*/
.css-box .custom-control-label::after {
    position: absolute;
    top: 2px;
    left: -22px;
    display: block;
    width: 8px;
    height: 8px;
    content: "";
    background: #ffffff;
    border: 6px solid #bfbfbf;
    border-radius: 12px;
}

.css-box .custom-control-input:checked + .custom-control-label::after {
    border-color: #55ac54;
    background-color: #ffffff;
}

.css-box li:hover {
    background-color: #5ba8f3;
}
.RADIO-A{display:block;
    padding: 12px 12px;margin: 0;margin-bottom: 16px;
    border: solid #62c1c5 1px;border-radius: 4px;
    background: white; color:#62c1c5;
}
/*.RADIO-A:hover,.RADIO-A:visited,.RADIO-A:active,.RADIO-A:link{background: #62c1c5;color: white;}*/
.RADIO-A.active{background: #62c1c5;}




.RADIO {position: relative;height: 35px;}
.RADIO > input {position: absolute;left: 0;top: 0;width: 20px;height:20px;opacity: 0;}
.RADIO > label {position: absolute;left: 30px;line-height: 20px;top: 0;}
.RADIO > label:before {content: '';position: absolute;left: -30px;top: 0;display: inline-block;width: 20px;height: 20px;border-radius: 50%;border: 1px solid #ddd;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}
.RADIO > label:after {content: '';position: absolute;left: -30px;top: 0;display: inline-block;width: 10px;height: 10px;border-radius: 50%;margin-top: 6px;margin-left: 6px;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}
.RADIO input[type='radio']:checked + label:before {border-color: #62c1c5;}
.RADIO input[type='radio']:checked + label:after {background: #62c1c5;}



/*测试页面自定义单选 height: 45px;line-height: 45px;*/
.effect{color: #fff;background: hsla(0,0%,100%,.1);border: 1px solid hsla(0,0%,100%,.4);cursor: pointer;}

.CHECKBOX {position: relative;height: 35px;}
.CHECKBOX > input {position: absolute;left: 0;top: 0;width: 20px;height:20px;opacity: 0;}
.CHECKBOX > label {position: absolute;left: 30px;line-height: 20px;top: 0px;}
.CHECKBOX > label:before {content: '';position: absolute;left: -30px;top: 0px;display: inline-block;width: 20px;height: 20px;border: 1px solid #ddd;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}
.CHECKBOX > label:after {content: '';position: absolute;left: -30px;top: 0px;display: inline-block;width: 10px;height: 10px;margin-top: 6px;margin-left: 6px;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}
.CHECKBOX input[type='checkbox']:checked + label:before {border-color: #62c1c5;}
.CHECKBOX input[type='checkbox']:checked + label:after {background: #62c1c5;}


.pos-right{float: right;}.panel2{border-bottom: solid 1px #d0d0d0;}
.line-item-o{display: block;
    height: 45px;
    line-height: 45px;
    border:none;
    padding: 0;}
/* 首页*/
.home-sub{
    margin:0;padding: 16px;color: #9a9a9a;font-size: small;
}
.home-img{width: 100%;height: 90px;border-radius: 6px;}
ol li {
    padding: 0 16px 0;
    background: white;
    margin-bottom: 16px !important;
}
.ceping-list-ol{margin: 0;padding: 0;}
.css-flex {display: flex;flex-direction: row;}
.img-wrap img {
    width: 90px;
    min-width: 90px;
    height: 90px;
    border-radius: 6px;
    display: block;
}
.item-flex {display: flex;flex-direction: row;margin-bottom: 3px;}
.item-flex .img-wrap {margin-right: 12px;}
.item-flex .flex-right-top{margin:0;padding:0;font-size:16px;font-weight:bold;line-height:18px;overflow-y: hidden;}
.item-flex .rb{padding: 0;margin: 0;position: relative;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;word-break: break-all;white-space: normal;-webkit-line-clamp: 2;color: gray;margin-top:14px;font-size: small;line-height: 22px;}

/*分类页面*/
.flex{display: flex;}
.h5-side {width: 72px;background: #ffffff;position: fixed;z-index: 1;left: 0;top: 37px;bottom: 0;overflow-y: scroll;}
.left-type.active {background: #fff;}
.left-type {padding: 16px 0;background: #e8e8e8;}
.h5-cont {margin-left: 72px;box-sizing: border-box;}
.item-r {
    padding-right: 12px;
}
.BOTTOM {position: fixed;z-index: 6;left: 0;right: 0;bottom: 5px;
    width: 100%;width: 42%;height: 37px;line-height: 37px;margin: 0;margin: auto;padding: 0;
    background: #62c1c5;color: #fff;font-size: 16px;text-indent: initial;text-align: center;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border: none;}
.btn-box-o{    color: #62C1C5;
    padding: 0;
    font-size: 14px;
    width: 70px;
    margin: 0 auto;
    margin-top: 10px;
    border: 1px #62C1C5 solid;
    border-radius: 4px;
    height: 28px;
    line-height: 28px;
    cursor: pointer;
    position: relative;
    float: right;
    clear: both;
    display: inline-block;
    right: 4px;
    text-align: center;
}
.desc1 {
    line-height: 24px;
    border-radius: 5px;
    padding: 10px;
}

.desc2 {background: #62c1c5;font-size: small;padding: 9px;margin: 5px;border-radius: 5px;color: white;}
.css-content{line-height: 24px;
    border-radius: 5px;
    padding: 10px;background: #62c1c5;font-size: small;padding: 9px;margin: 5px;border-radius: 5px;color: white;display: block;}
/*订单按钮*/
.wb-btn{display: block;margin-bottom: 16px;background: #62c1c5;;color: rgb(255, 255, 255);font-size: 16px;line-height: 37px;text-align: center;border-radius: 3px;border: none;}
.btn-danger{text-align: center;background: red;color: white;line-height: 37px;border-radius: 37px;}
.btn-line{display:block;padding: 0;margin:0;margin-bottom:12px;background: #62c1c5;color: white;height:37px;line-height:37px;text-align: center;border-radius: 4px;}
.btn-line-green{display:block;padding: 0;margin:0;margin-bottom:12px;background: #4bd02d;color: white;height:37px;line-height:37px;text-align: center;border-radius: 4px;}
.btn-line-gray{background: #cecece;color: white;border-radius: 4px;}
.btn-line-red{background: red;color: white;border-radius: 4px;}
.btn-line a{color: white}
.btn-circle{display: inline-block;background: #62c1c5;color: white;width: 33px;height: 33px;border-radius: 33px;margin: 5px;text-align: center;line-height: 33px;}
/*测试页专用*/
.css-testing{
    z-index:999;position: fixed;top: auto;left: 0;right: 0;bottom: 0;
    max-width: 640px;margin: 0 auto;margin-top: 160px;
    border-radius: 4px;
    background: white;padding:12px;}
.v-testing .w4-card .SCROLL{height: 77vh;}
.v-testing .tool{background: #d2fdff;color: #7A7A7A;border-radius: 4px;height: 37px;line-height: 37px;overflow: hidden;padding: 0 12px;}
.v-testing .v-tool{background: #d2fdff;color: #7A7A7A;border-radius: 4px;height: 37px;line-height: 37px;overflow: hidden;padding: 0 12px;}
.v-testing .v-form{padding-bottom: 45px;}
.v-testing .topic-name{font-weight: bold;margin-bottom: 12px;}
.v-testing .topic-name p {text-indent: 2em;}
.v-testing .mvvm-textm {
  width: 100%;
  /*height: 200px;*/
  padding: 10px;
  font-size: 16px;
  line-height: 1.5;
  border: 1px solid #ccc;
  resize: vertical;
}
.css-testing .SCROLL{overflow-y: auto;overflow-x: hidden;}
.scroll-x{padding: 0;white-space: nowrap;overflow-x: scroll;}
.play{height: 50px;width: 50px;background: #00000050;border-radius: 25px;margin: 0 auto;background: url(//h5static.kuwo.cn/www/kuwo-m/img/icon_play.5b23d84.png) no-repeat;background-size: 100% 100%;}
.pause{height: 50px;width: 50px;background: #00000050;border-radius: 25px;margin: 0 auto;background: url(//h5static.kuwo.cn/www/kuwo-m/img/icon_pause.de3bdf6.png) no-repeat;background-size: 100% 100%;}
/*.countdown-timer{background: #62C1C5;color: white;padding:0 4px;border-radius: 4px;}*/
/*废弃*/
button,button.form-button {display:block;width: 100%;padding: 10px;font-size: 16px;color: #fefefe;text-align: center;border: none;margin-bottom: 16px;}




.bar-left{position: absolute;top: 0;bottom: 0;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;padding: 0 16px;font-size: 14px;cursor: pointer;}
.bar-title{position: relative;z-index: 1;line-height: 45px;text-align: center;background: #62C1C5;color: white;-webkit-user-select: none;user-select: none;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 60%;margin: 0 auto;font-weight: 500;font-size: 16px;}
.bar-right{z-index: 1;line-height: 22px;text-align: center;background-color: #62c2c5;-webkit-user-select: none;user-select: none;position: absolute;top: 0;bottom: 0;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;padding: 0 16px;font-size: 14px;cursor: pointer;right: 0;}
.line-item{text-align: left;}
.FRadio{display: inline-block;margin-left: 30px;margin-right: 12px;}
.FRadio input[type="radio"] {position: absolute;z-index: -1;opacity: 0;}
.FRadio label {position: relative;margin-bottom: 0;vertical-align: top;}
.FRadio > label:before {content: '';position: absolute;left: -30px;top: 0;display: inline-block;width: 20px;height: 20px;border-radius: 50%;border: 1px solid #ddd;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}
.FRadio > label:after {content: '';position: absolute;left: -30px;top: 0;display: inline-block;width: 10px;height: 10px;border-radius: 50%;margin-top: 6px;margin-left: 6px;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}
.FRadio input[type="radio"] {-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0;}
.FRadio input[type='radio']:checked + label:before {border-color: #62c1c5;}
.FRadio input[type='radio']:checked + label:after {background: #62c1c5;}
.item-block{background: white;padding: 12px;margin-bottom: 16px;}
.html-editor .btn-icon{border: none; display: inline-block;width: auto;
    color: black;}
.dmHTML ul li{list-style: disc!important;}
.dmHTML ul li:before{content: none;}
.v-table{padding: 12px;width: 100%;}
.table{background: #efefef;}
.table .tr{margin-bottom: 12px;background: white;color:black;padding: 12px;}
.table .td{line-height: 37px;}
.line-label{line-height: 37px;}
.link-black{    background: #62c1c5;
    color: white;
    padding: 4px;
    display: inline-block;line-height: 26px;
    font-size: 16px;
    border-radius: 4px;margin: 0 12px 12px 0;}
.btn-inline{display: inline-block;width: auto;line-height: 26px;margin-right: 12px;}
.btn-inline-gray{display: inline-block;width: auto;line-height: 26px;margin-right: 12px;padding: 4px 4px;
    color: white;
    border-radius: 4px;background: gray;}
.report{background: white;}
input[disabled]{background: #E5E5E5;}  textarea[class="btn-line"] {background: white;color: black;line-height: 21px;font-size: 16px;text-align: left !important;width: 100%;height: auto;border: solid 1px #62c1c5;border-radius: 4px;padding: 12px;margin-bottom: 16px;}





/*报告页面专用*/
.copyright {color: #bdc3c7;
    font-size: 14px;line-height: 30px;
    padding: 12px;width: auto;
    margin: 0 auto;margin-bottom: 0;}
.progress5 {
    max-width: 600px;
    margin: 0 auto;
    line-height: 1!important;
    font-size: small!important;
    color: #cccccc;
    margin-bottom: 24px;
}



.scroll-x{background: white;}

.com-product-list .spu-list{background: white;}
.v-product5 {background: white;}
.test-view{background: white;}
.vd-uinfo{background: white;}