/*Global*/
@font-face {
    font-family: "ico";
    src: url('/iconfont/iconfont.eot?t=1611174570680'); /* IE9 */
    src: url('/iconfont/iconfont.eot?t=1611174570680#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/iconfont/iconfont.woff?t=1611174570680') format('woff'), url('/iconfont/iconfont.ttf?t=1611174570680') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('/iconfont/iconfont.svg?t=1611174570680#iconfont') format('svg'); /* iOS 4.1- */
}

img { border: 0px }
* { -webkit-tap-highlight-color: rgba(0,0,0,0); box-sizing: border-box; }
*::before { font-family: ico; }
a { text-decoration: none; }
a:hover { text-decoration: none; }
/*pc common*/
body { font-size: 14px; margin: 0px; color: #333; font-family: "Helvetica Neue","Helvetica","Arial","sans-serif","Microsoft Yahei", "SimSun", "Verdana"; }
*::before { font-size: 20px; }
.icoInline::before {vertical-align:bottom; }

.txt { border: 1px solid #999; BACKGROUND-COLOR: #ffffff; margin: 2px; padding: 5px; font-size: 14px; color: #808080; vertical-align: middle; }

/* Pop Window*/
.Making { position: fixed; z-index: 100000001; width: 400px; border: 4px solid #eee; padding: 10px; line-height: 30px; background: white; display: flex; top:20vh; left:50%; margin-left:-200px; max-height:60vh;word-wrap: break-word; word-break: break-all; }
.Making .aniWaiting { margin-right: 10px; font-size: 24px; }

#DvPopShow, .dvPopShow { position: fixed; z-index: 10000001; background: white; border-radius: 5px; box-shadow: 0 0 5px #535658; border: 1px solid #999; overflow: hidden; left:50%; top:50vh; }
.popTitle { border-bottom: 1px solid #E5E5E5; background: #F3F3F3; display: flex; }
.popTitle .f1 { cursor: default; line-height: 32px; font-weight: bold; text-indent: 10px; color: #653c33; }
.popTitle a.Dwin { display: block; width: 32px; height: 32px; text-align: center; line-height: 32px; }
.popForDV { position: absolute; z-index: 10000001; background: white; border-radius: 5px; box-shadow: 0 0 5px #535658; border: 1px solid #999; overflow: hidden; display: none; }
.PARClose { display: block; position: absolute; right: 4px; top: 4px; height: 20px; width: 20px; border: 1px solid #ccc; border-radius: 4px; text-align: center; line-height: 20px; background: white; }
.PARClose::before { content: "\e757" }
.clickDDL { position:relative; }
.clickDDL > div { cursor: default; }
.ulDDList { list-style-type: none; margin: 0px; padding: 0px; display:none;position:absolute; z-index:1000; background:white; }
.ulForDD { list-style-type: none; margin: 0px; padding: 0px; }
.ulForDD li { margin: 0px; padding: 0px; position: relative; z-index: 100; }
.ulForDD .list { position: absolute; display: none; }
.ulForDD .litext { z-index: 10; cursor: pointer; }

.UploadButton { height:40px; line-height:40px; background:#e88000; border:1px solid #c76100; text-align:center; font-size:16px; font-weight:bold; color: white; position:relative; border-radius:6px; overflow:hidden; }
.UploadingWait { height:40px; line-height:40px; border:1px solid #aaa; font-size:16px; color: #333;border-radius:6px; display:none; overflow:hidden; position:relative; text-align:center; }
.UploadingWait .prog{ position:absolute; height:40px; left:0; top:0; width:0; background:rgba(255,0,0,.4); }
.UploadTips { text-align:center; color:gray; }
.transfile { display:block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index:2; cursor:pointer; color:gray; }
.roGray { background-color:#ccc !important; }

.optionFrame { display:flex; align-items:center; }
.optionFrame > div { margin-right:10px; }

.divMaking {position: absolute; top:0; left:0; width:100%; height:100%; min-height: 120px; z-index: 1000; background: rgba(0,0,0,0.3); }
.divMaking .aniWaiting { width:60px; height:60px; margin: 30px auto; line-height: 60px;}
.divMaking .aniWaiting::before { font-size: 48px; color: white;display: block;}