/*<!--* 素材8* 详尽信息请看官网：http://www.sucai8.cn/** Copyright,素材8** 请尊重原创，未经允许请勿转载。* 在保留版权的前提下可应用于个人或商业用途-->*/
html,body {color:#333;margin:0;height:100%;font-family:"Myriad Set Pro","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:normal;}
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a {text-decoration:none;color:#000;}
a,label,button,input,select {-webkit-tap-highlight-color:rgba(0,0,0,0);}
img {border:0;}
body {background-image:url("../images/body.png");background-repeat:repeat;background-size:cover;color:#666;}
html,body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,p,blockquote,pre,button,fieldset,form,input,legend,textarea,th,td {margin:0;padding:0;}
a {text-decoration:none;color:#08acee;}
button {outline:0;}
img {border:0;}
button,input,optgroup,select,textarea {margin:0;font:inherit;color:inherit;outline:none;}
li {list-style:none;}
a {color:#666;}
.clearfix::after {clear:both;content:".";display:block;height:0;visibility:hidden;}
.clearfix {}
.divHeight {width:100%;height:10px;background:#f5f5f5;position:relative;overflow:hidden;}
.r-line {position:relative;}
.r-line:after {content:'';position:absolute;z-index:0;top:0;right:0;height:100%;border-right:1px solid #D9D9D9;-webkit-transform:scaleX(0.5);transform:scaleX(0.5);-webkit-transform-origin:100% 0;transform-origin:100% 0;}
.b-line {position:relative;}
.b-line:after {content:'';position:absolute;z-index:2;bottom:0;left:0;width:100%;height:1px;border-bottom:1px solid #e2e2e2;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);-webkit-transform-origin:0 100%;transform-origin:0 100%;}
.aui-flex {display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:15px;position:relative;}
.aui-flex-box {-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;font-size:14px;color:#333;}
/* 必要布局样式css */.aui-flexView {width:100%;height:100%;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.aui-scrollView {width:100%;height:100%;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;position:relative;}
.aui-navBar {height:44px;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;z-index:100;background:#fff;}
.aui-navBar-item {height:44px;min-width:25%;-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;padding:0 0.9rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:0.7rem;white-space:nowrap;overflow:hidden;color:#808080;position:relative;}
.aui-navBar-item:first-child {-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1;margin-right:-25%;font-size:0.9rem;font-weight:bold;}
.aui-navBar-item:last-child {-webkit-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;order:3;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}
.aui-center {-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:44px;width:50%;margin-left:25%;}
.aui-center-title {text-align:center;width:100%;white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis;font-size:0.95rem;color:#333;}
.icon {width:20px;height:20px;display:block;border:none;float:left;background-size:20px;background-repeat:no-repeat;}


.aui-head-invite {width:100%;position:relative;height:auto;}
.aui-head-invite img {width:100%;height:auto;display:block;border:none;}
.aui-invite-button button {background:#f8cb27;border:none;color:#fff;border-radius:50px;padding:0.6rem 2.5rem;display:block;margin:0 auto;box-shadow:0 3px 9px #fceac4;}
.aui-invite-button h2 {font-size:0.9rem;text-align:center;font-weight:normal;color:#5c636b;margin-top:1.5rem;}
.aui-invite-button h2 em {font-style:normal;color:#f8a41d;}
.m-actionsheet {text-align:center;position:fixed;bottom:0;left:0;width:100%;z-index:1000;background-color:#EFEFF4;-webkit-transform:translate(0,100%);transform:translate(0,100%);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;}
.mask-black {background-color:rgba(0,0,0,0.4);position:fixed;z-index:500;bottom:0;right:0;left:0;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;z-index:998;}
.actionsheet-action {display:block;margin-top:.15rem;font-size:0.28rem;color:#555;height:1rem;line-height:1rem;background-color:#FFF;}
.m-actionsheet {text-align:center;position:fixed;bottom:0;left:0;width:100%;z-index:10005;background-color:#ffffff;-webkit-transform:translate(0,100%);transform:translate(0,100%);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;}
.actionsheet-toggle {-webkit-transform:translate(0,0);transform:translate(0,0);}
.actionsheet-item {display:block;position:relative;font-size:0.85rem;color:#555;height:2rem;line-height:2rem;background-color:#FFF;}
.actionsheet-item {display:block;position:relative;font-size:0.85rem;color:#555;height:2rem;line-height:2rem;background-color:#FFF;}
.aui-coll-cancel a {height:45px;line-height:45px;font-size:12px;background:#f9f9f9;display:block;text-align:center;width:100%;}
.aui-coll-share-img {width:38px;height:38px;margin:0 auto;}
.aui-coll-share-img img {width:100%;height:auto;display:block;border:none;}
.aui-coll-share-box {position:relative;overflow:hidden;padding:10px 0;}
.aui-coll-cancel a {height:45px;line-height:45px;font-size:12px;background:#f9f9f9;display:block;text-align:center;width:100%;}
.aui-coll-share-item {position:relative;float:left;padding:8px 10px;width:33.333%;box-sizing:border-box;font-size:12px;height:85px;}
.aui-rule {position:absolute;right:0;top:2rem;background:#ff0000;border-radius:50px 0 0 50px;font-size:0.8rem;padding:0.2rem 0.6rem;color:#fff;}
#goodcover {display:none;position:absolute;top:0%;left:0%;width:100%;height:100%;background-color:#000;z-index:1001;-moz-opacity:.8;opacity:.5;filter:alpha(opacity=80);}
#code {width:80%;height:auto;background-color:#fff;padding:15px;position:absolute;display:none;left:40%;z-index:1002;border-radius:10px;font-size:0.85rem;}
#closebt {width:30px;height:30px;background-size:30px;position:absolute;bottom:-40px;left:50%;margin-left:-15px;}
.aui-code-text p {margin-bottom:0.4rem;}
.aui-flex-three {width:75%;margin:2rem auto 0;background-image:-webkit-gradient(linear,left top,right top,from(#27daa2),to(#40da9c));background-image:-webkit-linear-gradient(left,#27daa2,#40da9c);background-image:-moz-linear-gradient(left,#27daa2,#40da9c);background-image:linear-gradient(to right,#27daa2,#40da9c);background-color:#c19c7e;border-radius:10px;position:relative;padding:1.2rem 1rem;}
.aui-flex-three:before {content:'';position:absolute;z-index:0;top:50%;left:-10px;width:20px;height:20px;border-radius:100%;background:#fff;margin-top:-10px;}
.aui-flex-three:after {content:'';position:absolute;z-index:0;top:50%;right:-10px;width:20px;height:20px;border-radius:100%;background:#fff;margin-top:-10px;}
.aui-flex-box h1 {font-size:3rem;color:#fff;font-weight:bold;}
.aui-flex-box h1 em {font-style:normal;font-size:1rem;}
.aui-flex-box-border {position:relative;}
.aui-flex-box-border:after {content:'';position:absolute;z-index:0;top:1px;right:1px;border-right:1px dashed #fff;width:1px;height:100%;}
.aui-flex-box-text {text-align:center;color:#d8f6ea;font-size:0.8rem;}
/*按钮*/
.button span{font-size: 16px;font-weight: bold;}
.button {display:inline-block;padding:20px 0px 15px 90px;margin:0 22px;cursor:pointer;text-align:left;background:url("../images/sl.png") 15px 11px no-repeat;text-decoration:none;outline:none;color:#303030;background-color:#fff;border:none;border-radius:10px;box-shadow:0 4px #999;width: 100%;font-size: 12px;}
.button:hover {background-color:#fff;}
.button:active {background-color:#ccc;box-shadow:0 5px #fff;transform:translateY(4px);}
/*按钮1*/
.button1 span{font-size: 16px;font-weight: bold;}
.button1 {display:inline-block;padding:20px 0px 15px 90px;margin:0 22px;cursor:pointer;text-align:left;background:url("../images/cx.png") 15px 11px no-repeat;text-decoration:none;outline:none;color:#303030;background-color:#fff;border:none;border-radius:10px;box-shadow:0 4px #999;width: 100%;font-size: 12px;}
.button1:hover {background-color:#fff;}
.button1:active {background-color:#ccc;box-shadow:0 5px #fff;transform:translateY(4px);}
/*按钮2*/
.button2 span{font-size: 16px;font-weight: bold;}
.button2 {display:inline-block;padding:20px 0px 15px 90px;margin:0 22px;cursor:pointer;text-align:left;background:url("../images/jd.png") 15px 11px no-repeat;text-decoration:none;outline:none;color:#303030;background-color:#fff;border:none;border-radius:10px;box-shadow:0 4px #999;width: 100%;font-size: 12px;}
.button2:hover {background-color:#fff;}
.button2:active {background-color:#ccc;box-shadow:0 5px #fff;transform:translateY(4px);}
/*进度*/
.rcorners {border-radius: 15px !important;background:#f6f6f6;padding: 20px;width: 100%;}
.rcorners p {font-size:1.5rem;color:#636363;padding: 0 13px;}
.rcorners hr {border:#b5b5b5 3px double;}

.circlee{float: right;display:inline-block;width:86px;height: 86px;line-height: 55px;padding: 16px;color:#fff;font-weight: bold;text-align: center;word-break: break-all;border-radius: 50% !important;background-color: #5acc9b;box-shadow: 0 0 10px 2px #ffffff, 0 0 0 8px #5acc9b;font-size: 27px;}
.circlen{float: right;display:inline-block;width:86px;height: 86px;line-height: 55px;padding: 16px;color:#fff;font-weight: bold;text-align: center;word-break: break-all;border-radius: 50% !important;background-color: #f00;box-shadow: 0 0 10px 2px #ffffff, 0 0 0 8px #f00;font-size: 18px;}
.ind-cx{margin:0px 0px 30px 0px; width: 90%;}
.ind-cx span{}
.htmleaf-container{background-color: #eee;}