/*contain*/
.app-container{ height:100%; }
#tool-container-1{ margin: 0 auto; position: relative;left:0;height:100%;top:0;border:0;}
.phhtml #tool-container-1{ }
.phhtml #simulator #tool-container-1{ }/*overflow-x: initial*/
#tool-container-1 .firstBlock{}
#tool-container-1 .layui-carousel{overflow-x: hidden;overflow-y: hidden}
#tool-container-1 .divLabelType65{overflow-x: initial}
.lookType1{border: 1px #d9d9d9 solid;}
.lookType1 .nav_status_bar,.lookType2 .nav_status_bar{ margin:0;}
.lookType1 .button-wrapper-link,.lookType2 .button-wrapper-link{background:none;opacity:1;}


.lookType211 .labelimgspan,.lookType111 .labelimgspan{ background: none; background-size: contain;background-repeat: no-repeat;background-position:center center;}
.labelimgspaning{background: none; background-size: contain; background-size: 100% auto; background-repeat: no-repeat;height: 100%}
.divblok text.labelIdType65{ overflow: inherit}
.childColumnView{ position: relative}
.childColumnView .childListView{ position: relative;display: inline-block;vertical-align: top;height: 100%;width: 100%;}
.childColumnView .openSelect{ cursor: pointer}
.divblok text.labelIdType63{display: block; overflow-x: auto; overflow-y: hidden}
.norecordTip,.moreListBtn{ text-align: center; padding: 20px 0 10px; cursor: pointer; margin-bottom:50px; min-height:30px;}
.imgspan-upload{ border:1px #f3f5f9 dashed ; display: inline-block; cursor: pointer; text-align: center}
.imgspan-upload .uploadifive-button{ background:none; border:0;border-radius:0;color:#bfbdb8; margin:5px 10px; width:72px; height:72px; font-weight:normal; text-shadow:none; margin:0;}
.imgspan-upload-list{ position: relative}
.imgspan-upload-list .delspan{display: none}
.PicturesSpanli{ text-align: center; overflow: hidden;border:1px #ccc dashed ; margin-right:5px; margin-bottom: 5px; }

.login-btn{ text-align:center}
.login-btn a{ display:inline-block;width:132px; height:38px; background-color:#37c3f2; line-height:38px; font-size:19px; font-weight:bold; color:#fff; text-align:center; text-decoration:none}
.login-btn a.login-btn-reg,.login-btn a.login-btn-cancer{ background-color:#e0e0e0;}
.login-btn a:hover{background-color:#37c3f2}
.login-btn a.login-btn-login{ background-color:#37c3f2}
/*上传头像*/
.uploadavatar{}
.uploadavatar-btn,.uploadavatar-img{ display:block;max-width:400px;height:376px; overflow:hidden; margin:0 auto; margin-bottom:12px; background-color:#f8f8f8; border:1px dashed #ccc}
.uploadavatar-imging{display:block;width:400px;height:376px; overflow:hidden; margin:0 auto;}
.uploadavatar-save .login-btn-save{ display:none}
.uploadavatar-btn { color:#bfbdb8}
#uploadavatar-btn{ line-height:32px; font-size:14px; margin-top:100px;}
#uploadavatar-btn p{ font-size:12px; font-weight:normal}
#uploadavatar-btn .Avatar_li1{ display:block; margin:10px auto 0}
#uploadavatar-btn .Avatar_li1 span{background-position:-546px -268px;}
a.uploadavatar-btn:hover #uploadavatar-btn .Avatar_li1 span{background-position:-546px -388px;}
.uploadavatar-btn input{ cursor:pointer}
.uploadavatar .uploadifive-button,.uploadavatar .uploadifive-button:hover{ background:none; border:0; border-radius:0;color:#bfbdb8}
.uploadavatar .uploadifive-queue{height: 376px;margin: 0 auto;padding: 250px 40px 0;position: relative; top: -376px;}


/* jquery.Jcrop.min.css v0.9.12 (build:20130126) */
.jcrop-holder{direction:ltr;text-align:left;}
.jcrop-vline,.jcrop-hline{background:#FFF url(images/jcrop.gif);font-size:0;position:absolute;}
.jcrop-vline{height:100%;width:1px!important;}
.jcrop-vline.right{right:0;}
.jcrop-hline{height:1px!important;width:100%;}
.jcrop-hline.bottom{bottom:0;}
.jcrop-tracker{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;height:100%;width:100%;}
.jcrop-handle{background-color:#333;border:1px #EEE solid;font-size:1px;height:7px;width:7px;}
.jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px;}
.jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%;}
.jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%;}
.jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0;}
.jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0;}
.jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px;}
.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%;}
.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px;}
.jcrop-dragbar.ord-n{margin-top:-4px;}
.jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px;}
.jcrop-dragbar.ord-e{margin-right:-4px;right:0;}
.jcrop-dragbar.ord-w{margin-left:-4px;}
.jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline{background:#FFF;filter:alpha(opacity=70)!important;opacity:.70!important;}
.jcrop-light .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#000;border-color:#FFF;border-radius:3px;}
.jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline{background:#000;filter:alpha(opacity=70)!important;opacity:.7!important;}
.jcrop-dark .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#FFF;border-color:#000;border-radius:3px;}
.solid-line .jcrop-vline,.solid-line .jcrop-hline{background:#FFF;}
.jcrop-holder img,img.jcrop-preview{max-width:none;}

body11{zoom:2;transform: scale(1.5); padding-top:200px;}
.phhtml body{ overflow-x: hidden; display: block}
/*预览*/
.preview-container{display: none}
#simulator-container{background: url("images/devices/iphone_7.png") no-repeat scroll 0px 0px / 435px 888px;margin: 0 auto; width:405px;height:888px; padding-top: 114px; padding-left:30px;}
#simulator{ width:375px; height: 667px;overflow-y: auto; overflow-x: hidden; padding-right:21px;position: relative;}
#simulator-bg{width: 375px;height: 667px;position: absolute;z-index: 1;margin-right:5px;display: none}
#simulator-container.simulator-type2{background: url("images/devices/ipad.png") no-repeat scroll 0px 0px / 937.5px 1247px;width:881px;height:1247px;padding-top: 111px; padding-left:56.5px;}
#simulator-container.simulator-type2 #simulator{ width:768px; height:1024px;}

#simulator-container.simulator-type-class7{background: url("images/devices/ipad_pro.png") no-repeat scroll 0px 0px / 1324px 1716px;width:1224px;height:1716px;padding-top:175px; padding-left:100px;}
#simulator-container.simulator-type-class7 #simulator{ width:1024px; height:1366px;}
#simulator-container.simulator-type3{ background: none;-webkit-box-shadow: 0 2px 10px 0 rgba(39,54,78,.06); box-shadow: 0 2px 10px 0 rgba(39,54,78,.06);width:inherit;height:inherit;
    padding:0px; display: inline-block; margin-top:-34px;}
#simulator-container.simulator-type3 #simulator{ width:100%; height:100%; padding-right: 0;}

#simulator-container.simulator-type3 .nav_status_bar_w{ display: none}
#simulator-container #tool-container-1.lookType2{ margin-top:0;border:0; }
#simulator-container .w_footer{ position: relative; margin-left:-15px; margin-top: -49px}



#simulator-container.simulator-type-class3{background: url("images/devices/iphone_x.png") no-repeat scroll 0px 0px / 435px 906px;height:920px;padding-top:22px;}
.simulator-type-class3 .signal,.simulator-type-class3 .carrier {display: none}
.simulator-type-class3 .nav_status_bar .time{ text-align: left; text-indent:11px;}
.simulator-type-class3 #simulator,.simulator-type-class3 #simulator-bg{height: 812px;border-radius:50px;}
.simulator-type-class3 #simulator{ border-top: 20px solid #fff}
.simulator-type-class3.navigationCustom2 .nav_status_bar_w{ padding-top: 20px;padding-top: 0px;}
#simulator-container{position: relative}
.x-status_bar{background-image:url(images/devices/x-status_bar.png); background-position: top center;background-repeat: no-repeat;position: absolute;
    top:27px;left:0px;height: 30px;width: 100%;z-index: 1000;top:0px;height:59px;pointer-events:none;}
.x-status_bar{background:url("images/devices/iphone_x.png") no-repeat scroll 0px 0px / 435px 906px;height:100%;}
.phhtml #simulator-container{ background: none;width: inherit; height: inherit; padding-left:0px;padding-top:0px;}
.phhtml #simulator-container #tool-container-1.lookType2{ margin-top:0px;}/*margin-top:-15px;*/
.phhtml #simulator{width:inherit; height:inherit;  overflow-y: inherit; overflow-x: inherit; padding-right:0; margin-top: 46px;}
.phhtml #simulator-container .w_footer{ position: fixed; margin-left:0px; margin-top:0px}
.phhtml .x-status_bar{display: none}
.preview-toolbar{ position: fixed; top: 0;}
.preview-toolbar a{ cursor: pointer; margin-left: 10px;}
.preview-toolbar a:before{font-size: 18px;line-height: 12px;vertical-align: text-bottom;}
.preview-container{margin:80px auto 0;}
.phhtml .preview-container{ margin-top: 0;}
.preview-toolbar{ text-align:left;z-index: 1005; background: #fff; height:46px;line-height:46px;width: 100%;  -webkit-box-shadow: 0 2px 10px rgba(39,54,78,.1); box-shadow: 0 2px 10px rgba(39,54,78,.1); padding: 0 20px;}
.preview-zoom-btn{}
.preview-zoom-btn a{ display: inline-block; margin-right:5px; margin-left: 5px;}
.toolbar-left{display: inline-block; line-height:46px}
.toolbar-main{display: inline-block; padding-left: 40px;}
#zoomin,#zoomout{ width:16px; height:16px; line-height:14px; background-color:#0000be; color: #fff; font-size: 16px; text-align: center; border-radius: 50%; font-weight: bold; cursor: pointer}

.toolbar-left .appicon_return{ cursor:pointer; background-position:0 -53px; display: inline-block; width: 20px; height: 20px; vertical-align:middle; margin: -2px 14px 0 10px;  overflow: hidden;}

#previewDataOn.on a{ color: #FF0000}


.wkangdiv{position:absolute; border:1px dashed #1e98ea; width:0px; height:0px;left:0px; top:0px; overflow:hidden;z-index: 1000}
.retc{position:absolute; border:1px solid #CCCCCC; overflow:hidden; background:#EFEFEF;}

.divblock text.labelIdType63{ overflow-x: auto; overflow-y: hidden}
.divblock text.labelIdType2{ display: block;}
.divblock text.labelIdType2 img{max-width: 100%;}
.lookType2 .labelIdType63 .childListView .secondBlock { display: none}
.retrurn-app{ width:375px; height: 20px; position: absolute;z-index: 1000;display: none; cursor: pointer;
  text-align: center; font-size:15px;background-color: blue;opacity: 0.8; line-height: 20px;color: #fff}

.phdialog {min-width: 278px;margin:0 auto;text-align: left;color: #00b3ee}
.phdialog-2wei{ text-align: center;margin: 20px auto;}
.share-btn {padding-left: 12px; padding-top: 20px;}
.share-btn span {display: inline-block;width: 56px;color: #37c3f2;text-align: center;padding: 0 5px 20px;}
.share-btn span a {background-color: #37c3f2; border-radius: 50%;moz-border-radius: 50%;-webkit-border-radius: 50%;color: #37c3f2;display: block;width: 50px;height: 50px;margin: 0 auto;
    background-position: -76px -147px;
}
.share-btn span a:before{font-size:30px;line-height:53px;color:#fff; text-align: center}
.more-btn {background-color: #37c3f2;padding-top: 22px;}
.more-btn span {color: #fff;width: 70px;padding: 0 8px 20px;}
.login-btn-qqzone img{ width:30px; margin-top: 10px;}
.share-btn span .login-btn-down:before{color: #eddc1b}

/*内容*/
.labelIdType2 blockquote {
    display: block; padding: 16px;margin: 0 0 24px; border-left: 8px solid #dddfe4; background: #eef0f4;overflow: auto;color: rgba(0,0,0,.5);
}
.markdown_views pre > code {
    background-color: rgba(0,0,0,.05);
    display: block;
    padding: .5em;
    -webkit-text-size-adjust: none;
    overflow-x: auto;
    white-space: pre;word-wrap: break-word;
}
.markdown_views pre code {
     min-width: 94%;
 }
.markdown_views .prettyprint, .markdown_views pre.prettyprint {
    margin: 0 0 24px;padding: 8px 16px 6px 56px;background-color: #f6f8fa;border: none;background-color: #fafafa; position: relative;
}
.markdown_views .prettyprint .pre-numbering {
    position: absolute;width: 37px;background-color: #eef0f4;top: 8px;left: 10px;margin: 0;padding: 8px 8px 6px 0;list-style: none;
    text-align: right;border-right: 1px #c5c5c5 solid;
}
.markdown_views table {background-color: transparent;border-spacing: 0;}
.markdown_views table {border-collapse: collapse;display: table;width: 100%;text-align: center;}
.markdown_views table tr {border: 0;border-top-color: currentcolor;border-top-style: none;border-top-width: 0px;border-top: 1px solid #ddd;background-color: #fff;}
.markdown_views table tr td, .markdown_views table tr th {font-size: 14px;color: #4f4f4f;line-height: 22px;border: 1px solid #ddd;padding: 8px;word-break: normal !important;vertical-align: middle;}
.markdown_views table tr th {font-weight: 700;background-color: #eff3f5;}
.markdown_views.prism-atom-one-dark pre code {background-color: #282c34;color: #abb2bf;}
.markdown_views.prism-atom-one-dark .prettyprint, .markdown_views.prism-atom-one-dark .prettyprint .pre-numbering, .markdown_views.prism-atom-one-dark pre.prettyprint {
    background-color: #282c34;
}
.markdown_views .pre-numbering li {padding: 0 8px;list-style: none;margin: 0;}
.markdown_views.prism-atom-one-dark .pre-numbering li {color: #abb2bf!important;border-right: 1px solid #c5c5c5;}
.layui-carousel,.layui-carousel .layui-this{ background:none }