html,body,p,h1,h2,h3,h4,h5,h6,form,input,textarea,select,button,fieldset,legend,img,ul,ol,li,dl,dt,dd,th,td,pre,blockquote{margin:0;padding:0}
html{height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased}
body{color:#fff;font:14px SimHei,'sans-serif',Arial,'宋体';line-height: 20px;min-width: 1200px;background: #222222;}
img,fieldset{border:0;vertical-align:middle}
input{padding:0;margin:0;outline:none;}
a{text-decoration:none;color:#fff;}
a:hover{text-decoration:none;}
ul,li,ol{list-style:none}
.clear{clear:both;height:0;line-height:0;font-size:0;visibility:hidden;overflow:hidden}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;zoom:1;}
.l{float:left;}
.r{float:right;}

/* 登陆 */
.login {position: fixed;left: 0;top: 0;right: 0;bottom: 0; background-color: #d88915;}
.login .cube {position: relative;}
.login .cube .cube1{position: absolute; top: 0; right: 0;}
.login .cube1 img{width:400px;}
.login .cube .cube2{position: absolute; top: 10px; left: 0;}
.login .cube2 img{width:400px;}
.login .logo {position: relative; top:10%; left: 6%;}
.login .logo .logo1{position: absolute; left: 10px;}
.login .logo1 img{width:130px;}
.login .logo .logo2{position: absolute; top: 70px; left: 160px;}
.login .logo2 img{width:100px;}
.login .logo .logo3{position: absolute; top: 70px; left: 270px;}
.login .logo3 img{width:95px;}
.login .box{position: absolute;left: 88%;top: 50%;width: 300px;height: 340px;margin: -170px auto auto -150px;}
.login .box .inside{ background: #fff;padding: 20px 15px 22px 15px;border-radius: 4px 4px 4px 4px;}
.login .box .inside .title{position: relative;color: #d88915;line-height: 40px;border-bottom: 1.5px solid #d88915; text-align: center;font-size: 16px;margin-bottom: 30px;}
.login .box .inside .title .end{position: absolute;right: 0;top: -3px;}
.login .box .inside .input-group *{ background: #d4dfef;color: #221714;}
.login .box .inside .input-group input{ border-left: 0;border-right: 0;}
.login .box .inside .input-group .input-group-addon img{ cursor: pointer;}
.login .box .inside .col-md-6{ width: 50%; float: left; padding-bottom: 10px;}
.login .box .inside .col-md-6 img{ max-width: 100%; max-height: 34px;}
.login .box .inside .col-md-6 input[type=checkbox]{ margin-right: 3px;vertical-align: text-bottom;}
.login .box .inside .col-md-6.last{text-align: right;}

/*header*/
nav {background: #ffffff;float: left;}
nav div {float: left;}
.header{position: relative; background: #222222; width: 100%; min-width:1200px; margin: 0px auto; }
.header .tag h2{color: #fff;}
.header .tag p{color: #fff;}
.header a {}
.header .main a {margin-left: 50px;line-height: 83px;}
.header .criterias a {margin-left: 50px;line-height: 83px;}
.header .tag {color: #fff; padding: 21.5px;}
.header .icon { vertical-align: top}
.header .icon img{width: 150px}
.header .search {margin-top: 25px; float: right; background: #ffffff; border-radius:8px; margin-right: 30px; overflow: hidden;}
.header .search form {position: relative; width: 200px !important; margin: 0 auto; float: right;}
.header .search input,button {border:none; outline:none;}
.header .search input {width:100%; height:32px; padding-left:13px;background: #727071;color: #fff;}
.header .search button {float: right; height:32px; cursor:pointer; background:#727071 url(../img/search1.png);background-size: 100% 100%; width:50px; }
.header .search button:before {content:""; font-size:13px; color:#F9F0DA;}
.header .relogin{float: right; line-height: 83px; margin-right: 30px;}
.header .active{color: #d88915;}

/* 作品展示 */
.containers .theme{position: relative; background: #ffffff;width: 90%; height: 200px; margin-left: 40px; min-width:1200px; top:120px;}
.containers .theme img{width: 314px; position: absolute; top: 0; left: 0;}
.containers .theme .topic {position: absolute; top: 20px; left: 350px;}
.containers .theme .topic p {margin-top: 5px; line-height:25px;}
.containers .intro{position: relative; background: #ffffff;width: 90%; height: 1550px; margin-left: 40px; min-width:1200px; top:140px;}
.containers .intro .contents{padding: 50px;}
.containers .picture img{width: 1100px; margin-top: 30px;}
.containers .picture2 img{width: 1100px; margin-top: 30px;}
.judge{position: relative;background: #dddddd; height: 300px; min-width:1280px;}
.judge .button {
    position:absolute;
    top: 30px;
    width: 180px;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;}
.button1 {position:absolute; left: 420px; background-color: #d88915;}
.button2 {position:absolute; left: 630px; background-color: #808080;}
.judge .scroll{position:relative; top: 100px; padding: 20px;}
.judge .scroll .pre{position: relative; height: 100px; margin-left: 525px}
.judge .scroll .next{margin-left: 55px;}
.judge .scroll .back{margin-left: 420px;}

/*评审标准*/
.caption{position:relative; min-width:1200px; width: 100%; top: 0px; height: 110px; overflow: hidden;}
.caption .image hr{position:absolute; top: 0px; right: 0; width: 26.3%; height:1px; border:none; background-color: #d88915; margin: right;}
.caption .image{position: relative;top: 0px;height: 200px; float: left;}
.caption .image img{width: 1000px;}
.caption .author{margin-left: 1010px; height:114px ;background-color: #333333;}
.caption .author p {position: absolute; padding: 39px; font-size: 18px; color: #d88915;}
.banner {position:relative; min-width:1200px; top: 15px;background-color: #d88915;height: 36px;}
.banner img{position: absolute; left: 40px; top: 8px; width: 20px;}
.banner p{color: black; position: absolute; left: 70px; top: 8px;}
.criteria {background: #ffffff; width: 1170px; margin: 0px auto; padding: 20px 60px;}
.criteria .info{padding: 40px 0 0;}
.links{position:relative; width: 1170px;margin: 40px auto;color: #717171;}
.table-content table {width: 100%; border-collapse: separate; border-spacing: 0 40px;}
.table-content table td{ width: 25%;}

/*footer*/
.external-link{}
.external-link ul li{display: inline-block; margin-right: 30px}
li img{width: 15px}
.external-link .logos{position:relative; width: 50px; background-color: #d88915;}
.external-link .sina img{width: 20px; float: right;margin-right: 20px;}
.external-link .wechat img{width: 20px; float: right;}
hr{margin: 0px auto;}
.internal-link{font-size: 10px;}
.internal-link ul li{display: inline-block; margin-right: 30px}

/* case */
.center{width: 1170px;margin: 0 auto;}
.race{margin-bottom: 10px;}
.race .box{ width: 78%;margin-right: 20%;text-align: center;}
.race .box .inside{display: inline-block;position: relative; width:100%;}
.race .box .network{position: absolute;right: 20px;bottom: 20px;color: #fff;}
.race .box img{ width:100%; display:block}
.race .r{width: 20%;background: #333;padding: 30px ;color: #d88915; position: relative; z-index: 3;}
.race .r>p{line-height: 32px;margin-bottom: 10px;}
.race .r>p span{font-size: 24px;}
.race .r .inside{line-height: 50px;border-radius: 16px;background: linear-gradient(#d88915, #333);padding: 1px;}
.race .r .inside2{background: #333;padding: 20px 20px 0;border-radius: 16px;}
.race .r .inside p{border-bottom: 1px solid #d88915;}
.race .r .inside p img{margin-right: 10px;}
.race .r .inside p img:last-child{margin: 0 0 0 10px;}
.race .r .inside p img:last-child{margin: 0 0 0 10px;}
.list .back{background: #d88915;line-height: 40px;color: #000;font-weight: bold;}
.list .back .center>ul>li{float: left;text-align: center;}
.list .back .center>ul>li.w100{width: 150px;}
.list .back .center>ul>li.w120{width: 120px;}
.list .back .center>ul>li.w100.export a{display: inline-block;line-height: 24px;background: #fff;color: #d88915;border-radius: 3px;font-weight: normal;width: 100%;}
.list .back .center>ul>li.w150{width: 150px;}
.list .back .center>ul>li.w200{width: 200px;}
.list .back .center>ul>li.w285{width: 220px;text-align: left;}
.list .back .center>ul>li.submenu{line-height: 30px;text-align: right;font-weight: normal;}
.list .back .submenu ul{width: 100px;display: inline-block;cursor: pointer;text-align: center;margin-top: 5px;border-radius: 4px;border: 1px solid #cacbcb;}
.list .back .submenu li{display: none;}
.list .back .submenu li.show{display: block;background: #e5e6e6!important;border-radius: 4px;}
.list .back .submenu li.show img{margin-left: 20px;transition: transform .3s;}
.list .back .submenu ul.is-opened{background: #fff;border-radius: 4px;}
.list .back .submenu ul.is-opened li{display: block;}
.list .back .submenu ul li.active{color: #d88915;}
.list .back .submenu ul.is-opened li.show img{transform: rotateZ(180deg);}
.list>.center>.left{width: 150px;float: left;line-height: 24px;}
.list .menu li{position: relative;}
.list .menu li>.open{position: absolute;right: 10px;top: 15px;z-index: 1;}
.list .menu>li{color: #231815;}
.list .menu>li>span{background: #333333;color: #fff;}
.list .menu>li:last-child>span{border: 0;}
.list .menu li span{position: relative;display: block;padding: 10px 20px;text-align: center;cursor: pointer;border-bottom: 1px solid #654d29;font-weight: bold;}
.list .menu li .menu2,.list .menu li .menu3{display: none;}
.list .menu>li.is-opened>span{border-right: 4px solid #d88915;}
.list .menu>li.is-opened .menu2{display: block;}
.list .menu>li.is-opened .menu2>li>span{background: #333;color: #fff;}
.list .menu>li.is-opened .menu2>li.is-opened>span{color: #d88815;}
.list .menu>li.is-opened .menu2>li.is-opened .menu3{display: block;}
.list .menu>li .open{transition: transform .3s;}
.list .menu>li.is-opened .menu2>li.is-opened .open{transform: rotateZ(90deg);}
.list .menu>li.is-opened .menu3>li>span{background: #333;color: #fff;font-weight: normal;}
.list .menu li.is-opened li.active span{background: #333;color: #da8914;}
.list .main{margin-left: 160px;background: #333333;}
.list .main li{border-bottom: 1px solid #d88915;line-height: 44px;height: 44px;}
.list .main li .l:first-child{width: 140px;text-align: center;}
.list .main li .l:nth-child(2){width: 220px;}
.list .main li .l:nth-child(3){width: 220px;}
.list .main li .l:nth-child(4){width: 150px;text-align: center;}
.list .main li .l:nth-child(5){width: 150px;text-align: center;}
.list .main li .l:nth-child(5) a{border: 1px solid #8d8e8e;color: #8d8e8e;display: inline-block;line-height: 24px;padding: 0 4px;border-radius: 3px;cursor: pointer;}
.list .main li .l:nth-child(6){width: 100px;text-align: center;}
.list .main li .l.l22{line-height: 22px;}
.list .main li .l.orange{color: #d88915;}
.list .main li .l.grey{color: #8d8e8e;}
.list .main li .l.green{color: #80b11f;}
.list .main li .l .box{width: 100%;height: 16px;margin-top: 12px;border: 1px solid #f3dbb8;}
.list .main li .l .box .percent{height: 14px;background: #d88915;}

.caption.apply{margin-bottom: 20px;}
.apply .back .center>ul>li:last-child{text-align: right;float: right;}
.apply .main{padding: 30px;}
.apply .main h1{font-size: 18px;line-height: 30px;text-align: center;color: #d88915;margin-bottom: 20px;}
.apply .main>.box{background: #727071;padding: 20px;font-family: SimSun;line-height: 24px;margin-bottom: 30px;}
.apply .main>.box p{margin-bottom: 10px;}
.apply .main>.box .title{font-family: SimHei;font-size: 16px;}
.apply .main .item{margin-bottom: 15px;}
.apply .main .item .itemtitle{line-height: 30px;width: 160px;float: left;}
.apply .main .item .iteminput{margin-left: 160px;width: 790px;}
.apply .main .item .iteminput input[type='text']{height: 30px;width: 100%;text-indent: 10px;background: #727071;color: #fff;border: 0;}
.apply .main .item .iteminput li{border: 0;line-height: 30px;height: 30px;float: left;width: 50%;}
.apply .main .item .iteminput li input[type='checkbox']{margin-right: 5px;width: 17px;height: 17px;vertical-align: middle;}
.apply .main .item.textarea .itemtitle{float: none;width: 100%;}
.apply .main .item.textarea .iteminput{float: none;width: 100%;margin: 0;}
.apply .main .item.textarea .iteminput textarea{padding: 10px;min-height: 90px;width: 100%;border-color: #cacbcb;outline: none;background: #727071;color: #fff;}
.apply .main .upload{text-align: center;padding: 30px 0;}
.apply .main .upload .box{display: inline-block;width: 250px;height: 200px;background: #e5e6e6;border-radius: 8px;overflow: hidden;}
.apply .main .upload .box .li{width: 100%;height: 160px;overflow: hidden;text-align: center;}
.apply .main .upload .box .li img{max-width: 100%;max-height: 100%;}
.apply .main .upload .box .li img.tb{margin: 40px 0 10px;}
.apply .main .upload .box a{display: block;line-height: 40px;background: #d88915;color: #fff;font-size: 16px;cursor: pointer;}
.apply .main .sub { text-align: center;}
.apply .main .sub .button {  width: 180px;  color: white;  padding: 15px 32px;  text-align: center;display: inline-block;background: #808080;font-size: 20px;}
.apply .main .sub .button.preview {background: #d88915;}
.apply .author p{font-size: 14px;line-height: 30px;padding: 23px 39px;}
.apply .author p strong{font-size: 24px;}

.caption.drafts{margin-bottom: 20px;}
.drafts .back .center>ul>li.w400{width: 400px;}
.drafts .back .center>ul>li{text-align: left;}
.drafts .back .center>ul>li:first-child{padding-left: 20px;}
.drafts .back .center>ul>li.r{float: right;}
.drafts .main{margin: 0;padding-bottom: 30px;}
.drafts .main li{border-bottom: 1px solid #f3dbb8;}
.drafts .main li .l{text-align: left!important;color: #fff;}
.drafts .main li .l:first-child{width: 400px;text-indent: 60px;}
.drafts .main li .l:nth-child(2){width: 570px;}
.drafts .main li .l:nth-child(3){width: 200px;}
.drafts .main li input[type='checkbox']{width: 17px;height: 17px;vertical-align: middle;}
.drafts .main .sub { text-align: right;padding: 30px 130px 0;}
.drafts .main .sub .button {  width: 180px;  color: white;  padding: 10px 32px;  text-align: center;display: inline-block;background: #808080;font-size: 20px;background: #d88915;}
.drafts .author p{font-size: 14px;line-height: 30px;padding: 23px 39px;}
.drafts .author p strong{font-size: 24px;}

.detail .main{padding: 30px;line-height: 30px;display: flex;}
.detail .top>.r{width: 180px;height: 180px;text-align: center;border: 1px solid #b7b8b8;border-radius: 4px;overflow: hidden;}
.detail .top>.r img{display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;}
 
.detail .top .left .sun{ font-weight: 900;}
 
.detail .box .sun{ font-weight: 900;margin-top: 20px;}
.detail .box .video{width: 300px;float: left;height: 187px;}
.detail .box .ppt{float: left;padding: 50px 50px;}
.detail .box .ppt p{margin: 0 0 0 30px;line-height: 26px;}
.detail .main .sub { text-align: center;margin-top: 30px;}
.detail .main .sub .button {  width: 180px;  color: white;  padding: 15px 32px;  text-align: center;display: inline-block;background: #808080;font-size: 20px;}
.detail .main .sub .button.preview {background: #d88915;}

.confirm .back .center>ul>li.export{float: right;}
.confirm .back .center>ul>li.export a{display: inline-block;line-height: 24px;background: #fff;color: #d88915;border-radius: 3px;font-weight: normal;width: 100%;}
.confirm .main{margin: 0;padding: 30px;line-height: 30px;text-align: center;}
.confirm .main p{margin-bottom: 10px;font-size: 16px;}
.confirm .main p.orange{color: #d88915;}
.confirm .main p:first-child{margin-bottom: 30px;font-size: 14px;}
.confirm .main .upload{display: inline-block;width: 600px;height: 40px;background: #727071;border-radius: 8px;overflow: hidden;margin-bottom: 40px;}
.confirm .main .upload *{cursor: pointer;}
.confirm .main .upload .r{width: 120px;line-height: 40px;background: #d88915;color: #fff;text-align: center;}
.confirm .main .upload .left input{width: 100%;height: 40px;opacity: 0;position: absolute;left: 0;top: 0;}
.confirm .main .upload .left{text-align: left;position: relative;margin-right: 120px;height: 40px;line-height: 40px;text-indent: 10px;}
@media only screen and (max-width: 1440px) {
.header .search form{    width: 160px !important;}
.header .main a {
    margin-left: 23px !important;
}
}
@media only screen and (max-width: 1366px) {
.header .search form{    width: 130px !important;}
.header .main a {
    margin-left: 20px !important;
}
}