article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:0 none;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
input,button,select,textarea{outline:0 none;}input[type="text"],textarea{-webkit-appearance: none;}

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.clearfix:before,
.clearfix:after {
	display: table;
	content: '';
}
.clearfix:after {
	clear: both;
}

html, body {
    position: absolute;
    height: 100%;
    min-width: 100%;
    width:100%;

	font: 12px/1.5 "微软雅黑","黑体","宋体","Lucida Grande", "Segoe UI", "Arial", "Lucida Sans Unicode", "sans-serif";
	background-color: #eee;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.wrapper{
    min-height: 100%;
    position: absolute;
    width: 100%;
}
.header{
    width:320px;
    margin: 20px auto 0;
}
.logo{
    display:block;
    width: 240px;
    height: 60px;
    cursor: pointer;
    background: url("../img/logo.png") no-repeat scroll 0 0 / 240px 60px;
}
.container{
    margin:20px auto;
    width:320px;
    height:100%;
    min-height: 100%;
}

.btn{
    color: #fff;
    border-radius: 3px;
    width:100%;
    /* display: block; */
    font-weight: bold;
    height: 46px;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
}
.btn[disabled]{
    opacity: 0.7!important;
}
.aaa {
	text-decoration:none;
    background-color: #4a8bf5;
    border: 1px solid #3079ed;
    margin: 0px auto 0;
    color: #fff;
    border-radius: 3px;
    width: 50%;
    display: block;
    font-weight: bold;
    height: 35px;
    font-size: 20px;
    text-align: center;
}
/******************************
 light_box
*******************************/
.light_box{
    padding:20px;
    border:1px solid #ccc;
    background-color:#fff;
    width:280px;
    border-radius: 5px;
    display:none;
}
.light_box h2{
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    padding-bottom: 5px;
    display:block;
    margin-bottom:20px;
    color:#999;
    text-align:center;
}

.light_btn{
    background-color:#f8f8f8;
    border: 1px solid #eee;
    color: #4a8bf5;
    border-radius: 3px;
    margin:0 auto;
    font-size: 20px;
    font-weight:bold;
    padding: 0 30px;
    text-align: center;
    vertical-align: top;
    height: 44px;
    line-height: 20px;
    display:block;
}
#note_box{
    text-align:center;
}
#note_box h2{
    font-size: 18px;
}
.bottom_link{
    height: 20px;
}
#cancel_link{
    color:#4a8bf5;
    font-size:12px;
    float:right;
    text-decoration: underline;
    cursor: pointer;
    display:block;
}

/******************************
 progress
*******************************/
.progress_box{
    display:none;
    margin-bottom:20px;
}
.progress {
    position:relative;
    width:100%;
    border-radius: 3px;
    background-color:#f5f5f5;
}
.bar {
    background-color: #5cb85c;
    width:0%;
    height:5px;
    border-radius: 2px;
}
.percent {
    font-size:12px;
    float:left;
}


/******************************
 code_box
*******************************/
.code_box{
    margin: 10px auto;
    height:50px;
}
.code_input_icon{
    width: 46px;
    height: 46px;
    background: url("../img/top_logo.png") no-repeat scroll 3px 3px / 40px 40px;
    display:block;
    float:left;
    margin-left:-270px;
    opacity: 0.8;
}
.clear_icon{
    width: 46px;
    height: 46px;
    background: url("../img/clear.png") no-repeat scroll 17px 14px / 18px 18px;
    display:block;
    opacity: 0.4;
    position: absolute;
    margin-left: 220px;
    cursor: pointer;
    display: none;
}
.code_txt{
    padding: 0 5px 0 50px;
    border-radius: 4px;
    height:46px;
    color:#5a5a5a;
    font-size:18px;
    font-weight:bold;
    display:block;
    float:left;
    width:270px;
    border:1px solid #ddd;
}
.txt_edit_able{
    background-color: #fff;
    border:2px solid #4a8bf5;
    font-weight: bold;
}
.code_btn{
    width: 46px;
    height: 46px;
    cursor: pointer;
    margin:0;
    display:block;
    float:right;
    border-radius: 4px;
}
.btn_edit{
    border:1px solid #ccc;
    background: #f5f5f5 url("../img/edit.png") no-repeat scroll 9px 9px / 28px 28px;
    opacity: 0.5;
}
.btn_go{
    border: 1px solid #3079ed;
    background: #4a8bf5 url("../img/ok.png") no-repeat scroll 7px 7px / 32px 32px;
}


/******************************
 edit
*******************************/
.sub_type_choice{
    margin-bottom:10px;
    display:inline-block;
}
.sub_type_choice a{
    font-size:12px;
    color:#888;
    display:inline-block;
    margin-right:10px;
    font-weight:normal;
    border:none;
    text-decoration:none;
}
.sub_type_choice .cur_mode{
    font-size:15px;
    font-weight:bold;
    border-bottom:2px solid #999;
}


#upload_box #mode_choice{
    display:inline-block;
    font-size:15px;
    text-decoration:none;
    font-weight:bold;
    color:#666;
    border-bottom:2px solid #666;
}

#txt_box .txt{
    display:block;
    border: 1px solid #ddd;
    height: 360px;
    outline: 0 none;
    resize: auto;
    padding: 5px;
    width: 100%;
    border-radius: 4px;
    color: #000;
    font-size: 15px;
    background-color:#fff;
    line-height: 24px;
}

#txt_box textarea::-webkit-input-placeholder { color:#999; font-weight:normal; }
#txt_box textarea::-moz-placeholder { color:#999; font-weight:normal; }

#upload_box{
    display:none;
}
#file_box{
    display:none;
}
#file_box .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.file_lbl {
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    overflow: hidden;
    display:block;
    width:100%;
    height:84px;
    text-align: center;

    background-color:#fff;
    border: 1px solid #eee;
    color: #4a8bf5;
    font-size: 22px;
    line-height:22px;
    padding-top: 28px;
    padding-left:10px;
    font-weight: bold;
    border-radius: 4px;

}
.inputfile:focus + label,
.inputfile.has-focus + label,
.inputfile + label:hover {
    background-color:#fafafa;
}
.inputfile:focus + label,
.inputfile.has-focus + label {
    /*outline: 1px dotted #9EC0F7;*/
    outline: -webkit-focus-ring-color auto 5px;
}


.btn_submit{
    background-color: #4a8bf5;
    border: 1px solid #3079ed;
    margin:10px auto 0;
}

.file_size_note{
    font-size:11px;
    color:#999;
    margin-top:8px;
    float:right;
    display:none;
}
/******************************
 view
*******************************/
.txt_view{
    border:1px solid #ddd;
    background-color: #ffffee;
    border-radius: 4px;
    padding:20px;
    font-size:15px;
    word-wrap: break-word;
}
.file_view{
    display: block;
    border: 2px dashed #ddd;
    background-color: #ffffee;
    border-radius: 4px;
    padding: 20px 20px 20px;
    text-decoration: none;
}
.down_note{
    color:#ccc;
    font-size:12px;
    margin-bottom: 10px;
    /* display:block; */
	display: inline-block;
}
.file_name{
    color: #4a8bf5;
    cursor: pointer;
    display: block;
    font-weight: bold;
    font-size: 18px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
}

.btn_delete{
    background-color: #ee4b42;
    border: 1px solid #f9574e;
    margin:30px auto 0;
}
.time_view{
    font-size:10px;
    height:20px;
    color:#999;
    margin:30px 0 0;
    text-align:center;
}
.copy_btn{
    width:70px;
    height:30px;
    margin-bottom:4px;
    background-color:#f5f5f5;
    border: 1px solid #ccc;
    color:#333;
    line-height:13px;
    border-radius: 4px;
}
.copy_note{
    float:right;
    color:red;
    margin-top:5px;
}
/******************************
 pc
*******************************/
@media screen and (min-device-width: 750px) {

}