body,h1,h2,h3,p,dl,dd,ol,ul,th,td,fieldset,input,button,textarea,form,canvas,audio,video,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
html{-webkit-text-size-adjust:100%;  -ms-text-size-adjust: 100%; text-size-adjust:100%;word-wrap:break-word}
h1,h2,h3{font-size:100%}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0;empty-cells:show;font-size:inherit}
img{border:0;width:100%;-ms-interpolation-mode:bicubic}
cite,em,s,i,b{font-style:normal}
input,button,textarea,select{font-size:100%}
input, button, select, textarea {-moz-appearance: none;-webkit-appearance: none;appearance: none;border-radius: 0;background: #fff;border: 0}
body,input,button,textarea,select,option{font-size:normal;font-family:"Microsoft YaHei"; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased;  font-smoothing: antialiased;}
a,input,textarea{text-decoration:none;outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
li,img,label,input{vertical-align:middle}
var{font-style:normal}
ins{text-decoration:none}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
button,select{text-transform:none}
button[disabled],html input[disabled]{cursor:default}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
button,input,select,textarea{margin:0;vertical-align:baseline;*vertical-align:middle}
button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=submit]::-moz-focus-inner,input[type=file]>input[type=button]::-moz-focus-inner{border:0;padding:0}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}

body{  background:#fff; font-family: Tahoma, Helvetica, "Microsoft Yahei", "微软雅黑", Arial, STHeiti;margin: 0 auto;line-height:1rem; overflow-y: auto; color:#444;}
input:focus,textarea:focus{ outline:none;}

a{ color:#333;}
a:hover{ color:#666;}

img { border:0; vertical-align: middle; -ms-interpolation-mode: bicubic; }
::-moz-selection {background: #ededed; color: #f7f7f7; }
::selection {background: #ededed; color: #f7f7f7; }


/*头部*/
.header{ height:2.5rem; width:18.75rem; background-color:#fd4e50; line-height: 2.5rem; position:fixed; z-index: 2;}
.back{ width:.5rem; height:.9rem; background: url(../images/zwback.png); background-size:.5rem auto; position:absolute; left:.6rem; top:.8rem;}
.searchinput{ width:10.4rem; height:1.6rem; float:left; padding-left:.7rem; font-size:.75rem;}
.searchbox{ width:12.7rem; height:1.6rem; position:absolute; left:2.1rem; top:.45rem; background-color:#fff; float:left;}
.searchbnt{ float:left; background:url(../images/search.png) no-repeat center center #fff; background-size:.8rem auto; height:1.6rem; width:1.6rem;}
.sxbnt{ color:#fff; background:url(../images/seicon.png) no-repeat left center; background-size:.7rem; font-size:.75rem; line-height:.75rem; padding-left:.9rem; height:.75rem; position:absolute; right:.6rem; top:.9rem;}
.header h2{ font-weight:normal; font-size:.9rem; color:#fff; text-align: center;}

/*页底*/
.height{ height:2.25rem;}
.height2{ height:2.5rem;}
.pagebot{ height:2.25rem; position:fixed; left:0; bottom:0; width:100%; background-color:#f5f5f5; border-top:1px solid #ccc;}
.pagebot ul li{ width:33.33%; float:left; text-align:center;}
.pagebot ul li a{ display:block; padding-top:.3rem;}
.nav{ width:1rem; height:1rem; margin: 0 auto; }
.nav_1{ background:url(../images/n_1.png) no-repeat center top; background-size:1rem;}
.nav_2{ background:url(../images/n_2.png) no-repeat center top; background-size:1rem;}
.nav_3{ background:url(../images/n_3.png) no-repeat center top; background-size:1rem;}
.pagebot ul li span{ color:#333; font-size:.5rem; vertical-align: top;}
.pagebot ul li .checked span{ color:#fd4e50;}
.pagebot ul li .checked .nav{ background-position:center bottom;}




.box{ width:18.75rem; height:100%; margin:0 auto;}
.continter-cont{ padding:0 .6rem;}



/*  列表页  */
.artlist{}
.artlist dl{ height:3rem; padding:.75rem 0; border-bottom:1px solid #ececec;}
.artlist dl dd{ position:relative; margin-left:5.5rem; height:3rem;}
.artlist dl dt{ float:left; width:4.75rem; height:3rem;}
.artlist dl dd .ntitle{ height:1.85rem; color:#333; font-size:.75rem; line-height: .95rem; margin-top:-.1rem;}
.nbot{ position:absolute; bottom:0; left:0; width:100%; height:.75rem; line-height: .75rem;}
.type{ font-size:.5rem; float:left; line-height: .75rem; padding:0 .25rem; border-radius:4px;}
.t_01{ border:1px solid #fd4968; color:#fd4968;}
.t_02{ border:1px solid #42c8f8; color:#42c8f8;}
.t_03{ border:1px solid #efa82c; color:#efa82c;}
.t_04{ border:1px solid #ee5a00; color:#ee5a00;}
.t_05{ border:1px solid #288e00; color:#288e00;}

.username{ margin-left:.75rem; background:url(../images/picicon.png) no-repeat left center; background-size:.47rem; font-size:.55rem; height:.75rem; line-height: .8rem; padding-left:.75rem; color:#999; float:left; }
.ntime{ font-size:.55rem; color:#999; margin-left:.75rem; float:left;  line-height: .8rem; }


.pllist{}
.pllist dl{ border-bottom:1px solid #ececec; padding:.65rem 0;}
.pllist dl dt{ height:.75rem; line-height: .75rem; margin-bottom:.5rem;}
.pllist dl dd{ color:#666; font-size:.55rem; height:.95rem; line-height: .95rem;}
.pltitle{ font-size:.75rem; color:#333;}
.picon{ width:.6rem; height:.65rem; display:inline-block; vertical-align: middle; margin-left:.75rem; background:url(../images/emicon.png) no-repeat; background-size:.6rem auto;}
.pic{ background-position:center bottom;}
.txt{ background-position:center top;}
.stadus{ float:right; height:.7rem; display: inline-block;line-height: .7rem; font-size:.5rem; padding:0 .25rem; border-radius:1px;}
.st_y{ border:1px solid #ccc; color:#ccc;}
.st_s{ border:1px solid #eecf31; color:#eecf31;}
.st_n{ border:1px solid #fd4e50; color:#fd4e50;}
.st_yt{ border:1px solid #12ca95; color:#12ca95;}

.zname{ background:url(../images/picicon.png) no-repeat left center; background-size:.47rem; font-size:.55rem; height:.75rem; line-height: .8rem; padding-left:.75rem; color:#999; float:left;}
.ztime{ font-size:.55rem; color:#999; margin-left:.55rem; float:left;  line-height: .8rem; }
.ztime2{ font-size:.55rem; color:#000; margin-right:.55rem; float:left;  line-height: .8rem; }
.upbnt{ position:fixed; width:100%; left:0; bottom:2.25rem;background-color:#fff;}
.upbnt a{ width:49.8%; height:2.45rem; display:inline-block; line-height: 2.45rem; color:#fff; text-align: center; font-size:.65rem;}
.upbnt a em{ width:1rem; height:.8rem; display: inline-block; margin-right:.5rem; vertical-align:text-top;}
.picbnt{ background-color:#fd4e50; float:left;}
.txtbnt{ background-color:#ffb152; float:right;}
.picbnt em{ background:url(../images/picbnt.png); background-size:1rem auto;}
.txtbnt em{ background:url(../images/txtbnt.png); background-size:1rem auto;}

.nodata{ text-align:center; padding-top:10.2rem;}
.nodata dt img{ width:1.8rem;}
.nodata dd{ font-size:.65rem; color:#999; padding-top:1.2rem;}


/* 内容页 */
.artpage .pllist dl dt{height:auto; line-height: 1rem; margin-bottom:.8rem;}
.artpage .pllist dl .pltitle{ font-size:.9rem; line-height:1.5rem;}
.artpage .pllist dl dd .type{ margin-right:.75rem;}
.artpage .pllist dl dd .stadus{ float:left; margin-right:.75rem;}
.artcont{ font-size:.65rem; line-height: 1rem; color:#333; text-align: justify;}
.artcont p{ margin:.75rem 0; text-indent:1rem;}
.plbox{ padding-top:1rem;}
.plboxbar{ height:1.75rem; background:url(../images/btbat.png) no-repeat .6rem center #f5f5f5; background-size:.35rem auto; font-size:.65rem; color:#333; line-height: 1.75rem; padding-left:1.25rem; }
.pllist dl dd.plcont{ padding-top:.2rem; text-indent: 1rem; color:#666; height: auto;}

.plboxtext{ height:12.6rem; border-top:1px solid #ccc; background-color: #f5f5f5; position:fixed; width:100%; left:0; bottom:2.45rem;}
.plboxtext textarea{ width:16.5rem; height: 9.5rem; border:1px solid #ccc; margin:1rem auto 0; display:block; font-size:.65rem; padding:.5rem; line-height: 1rem;}
.dpbnt{ position:fixed; width:100%; left:0; bottom:0; background-color:#fff;}
.dpbnt a{ width:49.8%; height:2.45rem; display:inline-block; line-height: 2.45rem; color:#fff; text-align: center; font-size:.65rem;}
.gosave{ background-color:#fd4e50; float:left;}
.gopl{ background-color:#ffb152; float:right;}
.dpbnt a.gosave_n{ background-color:#ddd; float:left; color:#666;}
.dpbnt a.gopl_n{ background-color:#ececec; float:right; color:#666;}
.artimg{ padding-top:.5rem;}
.artimg img{ margin-top:.5rem;}

.noqx{ position:absolute; left:0; width:100%; height:10.9rem; top:50%; margin-top:-5.45rem;}
.noqx dl{ text-align:center;}
.noqx dl dt{}
.noqx dl dt img{ width:15.55rem;}
.noqx dl dd{ font-size:.75em; color:#333; padding-top:1.25rem;}


/*表单*/
.upform{}
.upform input{ height:2.2rem; background-color:#fff; border:1px solid #ccc; width:16.5rem; font-size:.65rem; padding:0 .5rem; margin-top:1rem;}
.upform textarea{ height:22.25rem; background-color:#fff; border:1px solid #ccc; width:16.5rem; font-size:.65rem;  padding:.5rem; line-height: 1rem; margin-top:.75rem;}
.uploadlist{ padding-top:.5rem;}
.upitem{ padding:0 .75rem; background-color:#fff; height:3.5rem; margin-top:.5rem; line-height: 3.5rem;}
.upitem .fileToUpload{ color:#333; font-size:.65rem; display: none;}
.upitem form{ display:inline;}
.upitem span{ color:#333; font-size:.65rem;}
.upitem a{ display:inline-block; float:right; width:3.9rem; height:1.5rem; line-height:1.5rem; margin-top:1rem; border-radius:2px; font-size:.65rem; text-align: center;}
.canup{ background-color:#fd4e50; color:#fff;}
.noup{ background-color:#ccc; color:#fff;}
.upbntlabel{ text-align:center; padding-top:2.5rem;}
.upbntlabel a{ background-color:#ffb152; width:11.5rem; height:2rem; line-height: 2rem; text-align:center; color:#fff; font-size:.65rem; border-radius:2px; display:inline-block;}
.upbntlabel input{ display: none;}

.upbntlabel2{ text-align:center; padding-top:2.5rem;}
.upbntlabel2 a{ background-color:#fd4e50; width:15.75rem; height:2rem; line-height: 2rem; text-align:center; color:#fff; font-size:.65rem; border-radius:2px; display:inline-block;}
.uploadbnt{ position:fixed; height:2.45rem; left:0; bottom:0; width:100%;}
.uploadbnt a{ font-size:.65rem; color:#fff; display:block; background-color:#fd4e50; height:2.45rem;  line-height: 2.45rem; text-align:center;}



.course_choose{}
.course_choose li{ background:#fff; padding:0 .75rem; border-bottom:1px solid #ededed; clear:both; overflow:hidden; line-height:2.25rem; font-size:.65rem;}
.course_choose li:nth-last-child(1){ border-bottom:0;}
.course_choose li a{ width:100%; height:100%; display:block;  overflow:hidden;}
.course_choose li span{ float:left;}
.course_choose li p{ float:right; color:#999;}
.course_choose.ful p{ color:#333;}
.course_choose li p i{ background:url(../images/zwright_san.png) no-repeat; display:inline-block; width:.25rem; height:.5rem;  background-size:.25rem auto; margin-left:.4rem;}
.hasselect input{ text-align:right;}
.ladaybox{ height:100%; width:100%; position:fixed; left:0; top:0; background-color:#000; opacity:0.6; filter:alpha(opacity=60); display:none; z-index: 3;}
#selectbox{ height:10.9rem; background-color:#fff; position:fixed; left:0; bottom:0; width:100%; display:none; z-index: 10000;}
.selecttop{ height:2rem; line-height:2rem; font-size:0.65rem; color:#979797; padding:0 0.75rem;}
.submits{ color:#4973f9; float:right;}
#selectmon{}
#selectmon ul{ height:8.1rem; overflow:auto; border-top:1px solid #dbdbdb; }
#selectmon ul li{ height:2rem; line-height:2rem; border-bottom:1px solid #dbdbdb; text-align:center; font-size:0.65rem;}
#selectmon ul li a{ display:block;}
.onselect{ background:url(../images/right.png) no-repeat 2rem center; -webkit-background-size:0.55rem auto; background-size:0.55rem auto; color:#4973f9;}
.course_choose li p input{ text-align:right;}

.my_data{ width:17.25rem; padding:0 .75rem;background:#fff; margin-top:.5rem;  }
.my_data li{ height:2.25rem; line-height: 2.25rem; border-bottom:1px solid #ededed; clear:both; overflow:hidden; font-size:.65rem;}
.my_data li:nth-last-child(1){ border-bottom:0;}
.my_data li:nth-child(1){ line-height:3.5rem;  height: auto; padding-bottom:.5rem; }
.my_data li a{ width:100%; height:100%; display:block;  overflow:hidden;}
.my_data li span{ float:left;}
.my_data li p{ float:right; color:#333;}
.my_data li p i{ background:url(../images/zwright_san.png) no-repeat; display:inline-block; width:.4rem; height:.7rem; -webkit-background-size:.4rem auto; background-size:.4rem auto; vertical-align:-.15rem; margin-left:.2rem;}
.my_data li p b{ display:inline-block; width:3.5rem; height:3.6rem; overflow:hidden; -webkit-border-radius:50%; border-radius:50%;  vertical-align:-1.5rem;}
.my_data li p b img{ width:3.5rem; height:3.5rem;}
.my_data li p em{ background:url(../images/ziliao_07.png) no-repeat; display:inline-block; width:.775rem; height:.775rem; -webkit-background-size:.75rem auto; background-size:.75rem auto; vertical-align:-.15rem; margin-left:.2rem;}
.gobind{ height:2.4rem; width:100%; position:fixed; left:0; bottom:0; background-color:#f5f5f5; line-height: 2.4rem; font-size:.65rem;}
.gobind a{ display:block; margin:0 .75rem; height:2.4rem; background:url(../images/goinco.png) no-repeat right center; background-size:.4rem auto; }
.gobind em{ background:url(../images/qb.png); width:.75rem; height:.75rem; display:inline-block; background-size:.75rem auto; vertical-align: -.1rem; margin-right:.5rem;}

.noteacther{ text-align:center; height:16.25rem; background-color:#f5f5f5;}
.noteacther dl{ padding-top:4.75rem;}
.noteacther dl dt{}
.noteacther dl dt img{ width:5.9rem;}
.noteacther dl dd{ font-size:.65rem; color:#333; padding-top:1.1rem;}

.regestth{ width:15.8rem; margin:0 auto; padding-top:.5rem;}
.regestth .regitem input{ height: 2.2rem; line-height: 2.2rem; background-color:#fff; padding:0 .75rem; font-size:.65rem;}
.regitem{ width:15.7rem; height: 2.2rem; border:1px solid #ccc; margin-top:.75rem; border-radius:2px; }
.reginput1{width:14.2rem; }
.reginput2{ width:10rem;}
#core{  width:4.1rem; float:right; height:2.2rem; border-left:1px solid #ccc; padding:0; color:#666; font-size:.65rem; text-align: center; line-height: 2.2rem; display: block;}
.disabled{background-color:#eaeaea;}
.undisabled{background-color:#f3f1f1;}
.coreimg{background-color:#fff; width:4.1rem;float:right;  height:2.2rem; border-left:1px solid #ccc; text-align: center; line-height: 2.2rem;}
.coreimg img{ width:2.85rem;}
.regbnt{ text-align: center; margin-top:2.5rem;}
.regbnt a{ color:#fff; width:15.8rem; background-color:#fd4e50; height:2.25rem; line-height: 2.25rem; display: block; border-radius:2px; font-size:.65rem;}

/*详情图片放大*/
 body.modal-open {position: fixed;width:100%; height:100%;} 
 .artcont img.changeImg{ width:100%;}
 .mengban{width: 100%;height:100%;background: rgba(0,0,0,.8);position:fixed;top: 0;left: 0;display: none; z-index:100;}
 .bigimg{ position:fixed; width:100%; height:0; top:0; left:0;  text-align:center; display:flex; align-items:center; justify-content:center; overflow:hidden; transition:all 0.3s; z-index:100;  }
 .bigimg.show{ height:100%;} 

.artcont,.artcont img{
    width: 100%;
    -webkit-user-drag: none;
    -moz-user-drag: none;
    -ms-user-drag: none;
    user-drag: none;
}

