Difference between revisions of "Team:SSHS-Shenzhen"

 
(47 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
{{Team:SSHS-Shenzhen/CSS}}
+
{{SSHS-Shenzhen/CSS}}
−
<html lang="zh-CN">
+
−
<head>
+
−
+
−
<meta http-equiv="Content-type" content="text/html;charset=UTF-8"/>
+
−
<meta name="generator" content="2018.0.0.379"/>
+
−
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+
−
+
−
<title>Home</title>
+
−
<!-- CSS -->
+
−
<style>
+
−
#HQ_page #menuu197 p {
+
−
font-size: 18px;
+
−
}
+
−
#HQ_page  p {
+
−
font-family: "Arial",Helvetica,sans-serif;
+
−
text-align: center;
+
−
}
+
−
#HQ_page #u1102-4 p {
+
−
font-size: 50px;
+
−
}
+
  
−
#HQ_page #u1103-4 p {
+
<html lang="en">
−
  font-size: 20px;
+
<head>
 +
    <meta charset="UTF-8">
 +
    <title>Title</title>
 +
<style>
 +
 
 +
  h1{
 +
color: #fff;
 +
padding:100px 50px 5px!important;
 +
font-size: 30px!important;
 +
text-align: center;
 
}
 
}
−
#HQ_page #u984-4 p {
+
body {
−
font-size: 20px;
+
background-color: #000;}
−
}
+
−
  /*解决上边和右边的东西*/
+
−
    #globalWrapper{
+
−
        margin: 0;
+
−
        padding: 0;
+
−
    }
+
−
    #content{
+
−
        width: 100%;
+
−
        padding: 0;
+
−
        margin: -12px 0 0;
+
−
    }
+
−
    #top_title{
+
−
        display: none;
+
−
    }
+
−
    #sideMenu{
+
−
        display: none;
+
−
    }
+
−
    #content,
+
−
    .vs-content,
+
−
    .vs-wrapper section {
+
−
        background-color: transparent !important;
+
−
    }
+
−
    .my-backTop:visited {
+
−
        color: transparent !important;
+
−
    }
+
−
  body{ background-color: #fff;
+
−
}
+
−
    /*解决上边和右边的东西*/
+
−
html{min-height:100%;min-width:100%;-ms-text-size-adjust:none;}body,div,dl,dt,dd,ul,ol,li,nav,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,a{margin:0px;padding:0px;border-width:0px;border-style:solid;border-color:transparent;-webkit-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top;background-repeat:no-repeat;}button.submit-btn{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}.transition{-webkit-transition-property:background-image,background-position,background-color,border-color,border-radius,color,font-size,font-style,font-weight,letter-spacing,line-height,text-align,box-shadow,text-shadow,opacity;transition-property:background-image,background-position,background-color,border-color,border-radius,color,font-size,font-style,font-weight,letter-spacing,line-height,text-align,box-shadow,text-shadow,opacity;}.transition *{-webkit-transition:inherit;transition:inherit;}table{border-collapse:collapse;border-spacing:0px;}fieldset,img{border:0px;border-style:solid;-webkit-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top;}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:inherit;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}.form-grp input,.form-grp textarea{-webkit-appearance:none;-webkit-border-radius:0;}body{font-family:Arial, Helvetica Neue, Helvetica, sans-serif;text-align:left;font-size:14px;line-height:17px;word-wrap:break-word;text-rendering:optimizeLegibility;-moz-font-feature-settings:'liga';-ms-font-feature-settings:'liga';-webkit-font-feature-settings:'liga';font-feature-settings:'liga';}a:link{color:#0000FF;text-decoration:underline;}a:visited{color:#800080;text-decoration:underline;}a:hover{color:#0000FF;text-decoration:underline;}a:active{color:#EE0000;text-decoration:underline;}a.nontext{color:black;text-decoration:none;font-style:normal;font-weight:normal;}.normal_text{color:#000000;direction:ltr;font-family:Arial, Helvetica Neue, Helvetica, sans-serif;font-size:14px;font-style:normal;font-weight:normal;letter-spacing:0px;line-height:17px;text-align:left;text-decoration:none;text-indent:0px;text-transform:none;vertical-align:0px;padding:0px;}.list0 li:before{position:absolute;right:100%;letter-spacing:0px;text-decoration:none;font-weight:normal;font-style:normal;}.rtl-list li:before{right:auto;left:100%;}.nls-None > li:before,.nls-None .list3 > li:before,.nls-None .list6 > li:before{margin-right:6px;content:'•';}.nls-None .list1 > li:before,.nls-None .list4 > li:before,.nls-None .list7 > li:before{margin-right:6px;content:'○';}.nls-None,.nls-None .list1,.nls-None .list2,.nls-None .list3,.nls-None .list4,.nls-None .list5,.nls-None .list6,.nls-None .list7,.nls-None .list8{padding-left:34px;}.nls-None.rtl-list,.nls-None .list1.rtl-list,.nls-None .list2.rtl-list,.nls-None .list3.rtl-list,.nls-None .list4.rtl-list,.nls-None .list5.rtl-list,.nls-None .list6.rtl-list,.nls-None .list7.rtl-list,.nls-None .list8.rtl-list{padding-left:0px;padding-right:34px;}.nls-None .list2 > li:before,.nls-None .list5 > li:before,.nls-None .list8 > li:before{margin-right:6px;content:'-';}.nls-None.rtl-list > li:before,.nls-None .list1.rtl-list > li:before,.nls-None .list2.rtl-list > li:before,.nls-None .list3.rtl-list > li:before,.nls-None .list4.rtl-list > li:before,.nls-None .list5.rtl-list > li:before,.nls-None .list6.rtl-list > li:before,.nls-None .list7.rtl-list > li:before,.nls-None .list8.rtl-list > li:before{margin-right:0px;margin-left:6px;}.TabbedPanelsTab{white-space:nowrap;}.MenuBar .MenuBarView,.MenuBar .SubMenuView{display:block;list-style:none;}.MenuBar .SubMenu{display:none;position:absolute;}.NoWrap{white-space:nowrap;word-wrap:normal;}.rootelem{margin-left:auto;margin-right:auto;}.colelem{display:inline;float:left;clear:both;}.clearfix:after{content:"\0020";visibility:hidden;display:block;height:0px;clear:both;}*:first-child+html .clearfix{zoom:1;}.clip_frame{overflow:hidden;}.popup_anchor{position:relative;width:0px;height:0px;}.allow_click_through *{pointer-events:auto;}.popup_element{z-index:100000;}.svg{display:block;vertical-align:top;}span.wrap{content:'';clear:left;display:block;}span.actAsInlineDiv{display:inline-block;}.position_content,.excludeFromNormalFlow{float:left;}.preload_images{position:absolute;overflow:hidden;left:-9999px;top:-9999px;height:1px;width:1px;}.preload{height:1px;width:1px;}.animateStates{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}[data-whatinput="mouse"] *:focus,[data-whatinput="touch"] *:focus,input:focus,textarea:focus{outline:none;}textarea{resize:none;overflow:auto;}.allow_click_through,.fld-prompt{pointer-events:none;}.wrapped-input{position:absolute;top:0px;left:0px;background:transparent;border:none;}.submit-btn{z-index:50000;cursor:pointer;}.anchor_item{width:22px;height:18px;}.MenuBar .SubMenuVisible,.MenuBarVertical .SubMenuVisible,.MenuBar .SubMenu .SubMenuVisible,.popup_element.Active,span.actAsPara,.actAsDiv,a.nonblock.nontext,img.block{display:block;}.widget_invisible,.js .invi,.js .mse_pre_init{visibility:hidden;}.ose_ei{visibility:hidden;z-index:0;}.no_vert_scroll{overflow-y:hidden;}.always_vert_scroll{overflow-y:scroll;}.always_horz_scroll{overflow-x:scroll;}.fullscreen{overflow:hidden;left:0px;top:0px;position:fixed;height:100%;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}.fullwidth{position:absolute;}.borderbox{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}.scroll_wrapper{position:absolute;overflow:auto;left:0px;right:0px;top:0px;bottom:0px;padding-top:0px;padding-bottom:0px;margin-top:0px;margin-bottom:0px;}.browser_width > *{position:absolute;left:0px;right:0px;}.grpelem,.accordion_wrapper{display:inline;float:left;}.fld-checkbox input[type=checkbox],.fld-radiobutton input[type=radio]{position:absolute;overflow:hidden;clip:rect(0px, 0px, 0px, 0px);height:1px;width:1px;margin:-1px;padding:0px;border:0px;}.fld-checkbox input[type=checkbox] + label,.fld-radiobutton input[type=radio] + label{display:inline-block;background-repeat:no-repeat;cursor:pointer;float:left;width:100%;height:100%;}.pointer_cursor,.fld-recaptcha-mode,.fld-recaptcha-refresh,.fld-recaptcha-help{cursor:pointer;}p,h1,h2,h3,h4,h5,h6,ol,ul,span.actAsPara{max-height:1000000px;}.superscript{vertical-align:super;font-size:66%;line-height:0px;}.subscript{vertical-align:sub;font-size:66%;line-height:0px;}.horizontalSlideShow{-ms-touch-action:pan-y;touch-action:pan-y;}.verticalSlideShow{-ms-touch-action:pan-x;touch-action:pan-x;}.colelem100,.verticalspacer{clear:both;}.list0 li,.MenuBar .MenuItemContainer,.SlideShowContentPanel .fullscreen img,.css_verticalspacer .verticalspacer{position:relative;}.popup_element.Inactive,.js .disn,.js .an_invi,.hidden,.breakpoint{display:none;}#muse_css_mq{position:absolute;display:none;background-color:#FFFFFE;}.fluid_height_spacer{width:0.01px;}.muse_check_css{display:none;position:fixed;}@media screen and (-webkit-min-device-pixel-ratio:0){body{text-rendering:auto;}}
+
−
#u194{background-color:#2E4554;}#u194_align_to_page{max-width:1200px;}#u962{background-color:transparent;opacity:0.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20);}#menuu197{border-width:0px;border-color:transparent;background-color:transparent;}#u206{-webkit-transition-duration:1s;-webkit-transition-delay:0s;-webkit-transition-timing-function:ease;transition-duration:1s;transition-delay:0s;transition-timing-function:ease;background-image:url("../images/blank.gif?crc=4208392903");background-color:transparent;}#u206:hover{-webkit-transition-duration:0.2s;-webkit-transition-delay:0s;-webkit-transition-timing-function:ease;transition-duration:0.2s;transition-delay:0s;transition-timing-function:ease;background-color:#2E5267;border-radius:10px 10px 0px 0px ;}#u207-4{border-width:0px;border-color:transparent;background-color:transparent;line-height:22px;color:#FFFFFF;text-align:center;font-size:18px;font-family:Helvetica, Helvetica Neue, Arial, sans-serif;}#u206:hover #u207-4{background-color:#2E5267;border-radius:10px 10px 0px 0px ;}#u488{-webkit-transition-duration:1s;-webkit-transition-delay:0s;-webkit-transition-timing-function:ease;transition-duration:1s;transition-delay:0s;transition-timing-function:ease;background-image:url("../images/blank.gif?crc=4208392903");background-color:transparent;}#u488:hover{-webkit-transition-duration:0.2s;-webkit-transition-delay:0s;-webkit-transition-timing-function:ease;transition-duration:0.2s;transition-delay:0s;transition-timing-function:ease;background-color:#2E5267;border-radius:10px 10px 0px 0px ;}#u490-4{border-width:0px;border-color:transparent;background-color:transparent;line-height:22px;color:#FFFFFF;text-align:center;font-size:18px;font-family:Helvetica, Helvetica Neue, Arial, sans-serif;}#u488:hover #u490-4{background-color:#2E5267;border-radius:10px 10px 0px 0px ;}#u509{-webkit-transition-duration:1s;-webkit-transition-delay:0s;-webkit-transition-timing-function:ease;transition-duration:1s;transition-delay:0s;transition-timing-function:ease;background-image:url("../images/blank.gif?crc=4208392903");background-color:transparent;}#u509:hover{-webkit-transition-duration:0.2s;-webkit-transition-delay:0s;-webkit-transition-timing-function:ease;transition-duration:0.2s;transition-delay:0s;transition-timing-function:ease;background-color:#2E5267;border-radius:10px 10px 0px 0px ;}#u510-4{border-width:0px;border-color:transparent;background-color:transparent;line-height:22px;color:#FFFFFF;text-align:center;font-size:18px;font-family:Helvetica, Helvetica Neue, Arial, sans-serif;}#u509:hover #u510-4{background-color:#2E5267;border-radius:10px 10px 0px 0px ;}#u530{-webkit-transition-duration:1s;-webkit-transition-delay:0s;-webkit-transition-timing-function:ease;transition-duration:1s;transition-delay:0s;transition-timing-function:ease;background-image:url("../images/blank.gif?crc=4208392903");background-color:transparent;}#u530:hover{-webkit-transition-duration:0.2s;-webkit-transition-delay:0s;-webkit-transition-timing-function:ease;transition-duration:0.2s;transition-delay:0s;transition-timing-function:ease;background-color:#2E5267;border-radius:10px 10px 0px 0px ;}#u531-4{border-width:0px;border-color:transparent;background-color:transparent;line-height:22px;color:#FFFFFF;text-align:center;font-size:18px;font-family:Helvetica, Helvetica Neue, Arial, sans-serif;}#u530:hover #u531-4{background-color:#2E5267;border-radius:10px 10px 0px 0px ;}#u553{-webkit-transition-duration:1s;-webkit-transition-delay:0s;-webkit-transition-timing-function:ease;transition-duration:1s;transition-delay:0s;transition-timing-function:ease;background-image:url("../images/blank.gif?crc=4208392903");background-color:transparent;}#u553:hover{-webkit-transition-duration:0.2s;-webkit-transition-delay:0s;-webkit-transition-timing-function:ease;transition-duration:0.2s;transition-delay:0s;transition-timing-function:ease;background-color:#2E5267;border-radius:10px 10px 0px 0px ;}#u556-4{border-width:0px;border-color:transparent;background-color:transparent;line-height:22px;color:#FFFFFF;text-align:center;font-size:18px;font-family:Helvetica, Helvetica Neue, Arial, sans-serif;}#u553:hover #u556-4{background-color:#2E5267;border-radius:10px 10px 0px 0px ;}#u574{-webkit-transition-duration:1s;-webkit-transition-delay:0s;-webkit-transition-timing-function:ease;transition-duration:1s;transition-delay:0s;transition-timing-function:ease;background-image:url("../images/blank.gif?crc=4208392903");background-color:transparent;}#u574:hover{-webkit-transition-duration:0.2s;-webkit-transition-delay:0s;-webkit-transition-timing-function:ease;transition-duration:0.2s;transition-delay:0s;transition-timing-function:ease;background-color:#2E5267;border-radius:10px 10px 0px 0px ;}#u575-4{border-width:0px;border-color:transparent;background-color:transparent;line-height:22px;color:#FFFFFF;text-align:center;font-size:18px;font-family:Helvetica, Helvetica Neue, Arial, sans-serif;}#u574:hover #u575-4{background-color:#2E5267;border-radius:10px 10px 0px 0px ;}#u205,#u487,#u508,#u529,#u550,#u571,#u592{background-color:transparent;}#u593{-webkit-transition-duration:1s;-webkit-transition-delay:0s;-webkit-transition-timing-function:ease;transition-duration:1s;transition-delay:0s;transition-timing-function:ease;background-image:url("../images/blank.gif?crc=4208392903");background-color:transparent;}#u593:hover{-webkit-transition-duration:0.2s;-webkit-transition-delay:0s;-webkit-transition-timing-function:ease;transition-duration:0.2s;transition-delay:0s;transition-timing-function:ease;background-color:#2E5267;border-radius:10px 10px 0px 0px ;}#u206.MuseMenuActive,#u488.MuseMenuActive,#u509.MuseMenuActive,#u530.MuseMenuActive,#u553.MuseMenuActive,#u574.MuseMenuActive,#u593.MuseMenuActive{background-color:#4B6A7A;border-radius:10px 10px 0px 0px ;}#u594-4{border-width:0px;border-color:transparent;background-color:transparent;line-height:22px;color:#FFFFFF;text-align:center;font-size:18px;font-family:Helvetica, Helvetica Neue, Arial, sans-serif;}#u593:hover #u594-4{background-color:#2E5267;border-radius:10px 10px 0px 0px ;}#u206.MuseMenuActive #u207-4,#u488.MuseMenuActive #u490-4,#u509.MuseMenuActive #u510-4,#u530.MuseMenuActive #u531-4,#u553.MuseMenuActive #u556-4,#u574.MuseMenuActive #u575-4,#u593.MuseMenuActive #u594-4{background-color:transparent;border-radius:0px;}#u206.MuseMenuActive #u207-4 p,#u488.MuseMenuActive #u490-4 p,#u509.MuseMenuActive #u510-4 p,#u530.MuseMenuActive #u531-4 p,#u553.MuseMenuActive #u556-4 p,#u574.MuseMenuActive #u575-4 p,#u593.MuseMenuActive #u594-4 p{font-family:Helvetica, Helvetica Neue, Arial, sans-serif;}.MenuItem{cursor:pointer;}#u350{background-color:#4B6A7A;}#u984-4{background-color:transparent;line-height:24px;text-align:center;font-size:20px;}#u984{font-size:20px;}
+
−
.version.index{color:#000009;background-color:#E68A6E;}#page{z-index:1;min-height:480px;background-image:none;border-width:0px;border-color:#000000;background-color:transparent;padding-bottom:20px;width:100%;max-width:1200px;margin-left:auto;margin-right:auto;}#ppu194{z-index:0;margin-right:-10000px;width:133.34%;}#pu194{z-index:2;width:0.01px;left:0px;margin-left:0px;}#u194_align_to_page{margin-left:auto;margin-right:auto;position:relative;}#u962{z-index:3;margin-bottom:-25px;position:relative;margin-right:-10000px;margin-top:-25px;width:11.84%;left:-1.42%;}.js body{visibility:hidden;}.js body.initialized{visibility:visible;}#u194,#u194-bw{z-index:2;min-height:92px;}#menuu197{z-index:6;width:1023px;height:38px;position:relative;margin-right:-10000px;margin-top:54px;left:20px;}#u205{width:144px;min-height:38px;position:relative;margin-right:-10000px;}#u206{width:144px;padding-bottom:16px;position:relative;}#u206:hover{width:144px;min-height:0px;margin:0px;}#u207-4{width:144px;min-height:22px;position:relative;margin-right:-10000px;top:8px;}#u206:hover #u207-4{padding-top:0px;padding-bottom:0px;min-height:22px;width:144px;margin:0px -10000px 0px 0px;}#u487{width:144px;min-height:38px;position:relative;margin-right:-10000px;left:147px;}#u488{width:144px;padding-bottom:16px;position:relative;}#u206.MuseMenuActive,#u488:hover{width:144px;min-height:0px;margin:0px;}#u490-4{width:144px;min-height:22px;position:relative;margin-right:-10000px;top:8px;}#u206.MuseMenuActive #u207-4,#u488:hover #u490-4{padding-top:0px;padding-bottom:0px;min-height:22px;width:144px;margin:0px -10000px 0px 0px;}#u508{width:144px;min-height:38px;position:relative;margin-right:-10000px;left:293px;}#u509{width:144px;padding-bottom:16px;position:relative;}#u488.MuseMenuActive,#u509:hover{width:144px;min-height:0px;margin:0px;}#u510-4{width:144px;min-height:22px;position:relative;margin-right:-10000px;top:8px;}#u488.MuseMenuActive #u490-4,#u509:hover #u510-4{padding-top:0px;padding-bottom:0px;min-height:22px;width:144px;margin:0px -10000px 0px 0px;}#u529{width:144px;min-height:38px;position:relative;margin-right:-10000px;left:440px;}#u530{width:144px;padding-bottom:16px;position:relative;}#u509.MuseMenuActive,#u530:hover{width:144px;min-height:0px;margin:0px;}#u531-4{width:144px;min-height:22px;position:relative;margin-right:-10000px;top:8px;}#u509.MuseMenuActive #u510-4,#u530:hover #u531-4{padding-top:0px;padding-bottom:0px;min-height:22px;width:144px;margin:0px -10000px 0px 0px;}#u550{width:144px;min-height:38px;position:relative;margin-right:-10000px;left:586px;}#u553{width:144px;padding-bottom:16px;position:relative;}#u530.MuseMenuActive,#u553:hover{width:144px;min-height:0px;margin:0px;}#u556-4{width:144px;min-height:22px;position:relative;margin-right:-10000px;top:8px;}#u530.MuseMenuActive #u531-4,#u553:hover #u556-4{padding-top:0px;padding-bottom:0px;min-height:22px;width:144px;margin:0px -10000px 0px 0px;}#u571{width:144px;min-height:38px;position:relative;margin-right:-10000px;left:733px;}#u574{width:144px;padding-bottom:16px;position:relative;}#u553.MuseMenuActive,#u574:hover{width:144px;min-height:0px;margin:0px;}#u575-4{width:144px;min-height:22px;position:relative;margin-right:-10000px;top:8px;}#u553.MuseMenuActive #u556-4,#u574:hover #u575-4{padding-top:0px;padding-bottom:0px;min-height:22px;width:144px;margin:0px -10000px 0px 0px;}#u592{width:144px;min-height:38px;position:relative;margin-right:-10000px;left:879px;}#u593{width:144px;padding-bottom:16px;position:relative;}#u574.MuseMenuActive,#u593:hover{width:144px;min-height:0px;margin:0px;}#u593.MuseMenuActive{width:144px;min-height:0px;margin:0px;}#u594-4{width:144px;min-height:22px;position:relative;margin-right:-10000px;top:8px;}#u574.MuseMenuActive #u575-4,#u593:hover #u594-4{padding-top:0px;padding-bottom:0px;min-height:22px;width:144px;margin:0px -10000px 0px 0px;}#u593.MuseMenuActive #u594-4{padding-top:0px;padding-bottom:0px;min-height:22px;width:144px;margin:0px -10000px 0px 0px;}#u350{z-index:5;height:8px;}#u350-bw{z-index:5;height:8px;left:0px;margin-left:-200px;}#pu1092{z-index:53;width:100%;margin-left:-12.5%;}#u1092{z-index:53;width:1600px;background-color:transparent;position:relative;margin-right:-10000px;margin-left:50%;left:-800.0000000000002px;}#u1102-4{z-index:56;width:1200px;min-height:54px;background-color:transparent;line-height:60px;text-align:center;font-size:50px;font-weight:bold;position:relative;margin-right:-10000px;margin-top:120px;margin-left:50%;left:-600.0000000000002px;}#u981{z-index:55;height:80px;}#u981-bw{z-index:55;height:80px;left:0px;margin-left:-200px;}#u1103-4{z-index:60;min-height:162px;background-color:transparent;line-height:24px;font-size:20px;position:relative;width:52.38%;margin-left:11.32%;left:0px;}#u1111{z-index:64;height:80px;}.ie #u981,.ie #u1111{background-color:#FFFFFF;opacity:0.01;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";filter:alpha(opacity=1);}#u1111-bw{z-index:64;height:80px;left:0px;margin-left:-200px;}.css_verticalspacer .verticalspacer{height:calc(100vh - 836px);}#u984-4{z-index:49;min-height:13px;}#u984-4-bw{z-index:49;min-height:13px;margin-top:18px;}#muse_css_mq,.html{background-color:#FFFFFF;}body{position:relative;min-width:900px;}.verticalspacer{min-height:1px;}#u962_img{width:100%;}
+
 
</style>
 
</style>
−
<!-- JS includes -->
+
</head>
−
<!--[if lt IE 9]>
+
<body>
−
<![endif]-->
+
<div style="height:90px"> </div>
−
</head>
+
<center>
−
<body>
+
 
−
+
<img src= "https://static.igem.org/mediawiki/2018/1/10/T--SSHS-Shenzhen--%E6%A1%8C%E9%9D%A23.jpg" width="100%">
−
<div class="clearfix borderbox" id="page"><!-- group -->
+
<div style="height:60px"> </div>
−
<div class="clearfix grpelem" id="ppu194"><!-- column -->
+
 
−
<div class="clearfix colelem" id="pu194"><!-- group -->
+
<div style="height:30px"> </div>
−
<div class="browser_width grpelem" id="u194-bw">
+
<video width=70% controls>
−
<div id="u194"><!-- group -->
+
  <source src="https://static.igem.org/mediawiki/2018/4/46/T--SSHS-Shenzhen--video2.mp4" type="video/mp4">
−
<div class="clearfix" id="u194_align_to_page">
+
</video></center>
−
<div class="clip_frame grpelem" id="u962"><!-- image -->
+
<h1>
−
<img class="block" id="u962_img" src="https://static.igem.org/mediawiki/2018/3/3c/T--SSHS-Shenzhen--gao.png" alt="" data-heightwidthratio="1" data-image-width="142" data-image-height="142"/>
+
A Battle against the Beetle
−
</div>
+
</h1>
−
</div>
+
 
−
</div>
+
<p id="para">
−
</div>
+
Phyllotreta striolata is one of the most destructive insects worldwide. However, the present insect control strategies have certain limitations, for example, chemical insecticide applications will cause dietary pollution and environmental destruction. Here, we aim to develop an RNAi-based approach for controlling P. striolata. This approach is to topically apply exogenous siRNAs/shRNAs onto vegetables, ingestion of the sprayed siRNAs or shRNAs by P. striolata will induce the RNAi mechanism in the insect and lead to its death. In our project, siRNAs/shRNAs were designed based on the mRNA sequences of their target genes. The effect of both siRNAs and shRNAs in mediating RNAi in P. striolata were examined. Experimental results show that both siRNAs and shRNA could successfully silence their target genes, which was demonstrated by the survival rate decrease after siRNA or shRNA treatment. Our project provides an environmentally friendly approach for insect control.
−
<nav class="MenuBar clearfix grpelem" id="menuu197" data-sizePolicy="fixed" data-pintopage="page_fixedLeft"><!-- horizontal box -->
+
</p>
−
<div class="MenuItemContainer clearfix grpelem" id="u205"><!-- vertical box -->
+
 
−
<a class="nonblock nontext MenuItem MenuItemWithSubMenu MuseMenuActive transition rounded-corners clearfix colelem" id="u206" href="https://2018.igem.org/Team:SSHS-Shenzhen"><!-- horizontal box --><div class="MenuItemLabel NoWrap rounded-corners clearfix grpelem" id="u207-4" data-sizePolicy="fixed" data-pintopage="page_fixedLeft"><!-- content --><p>Home</p></div></a>
+
<center>
−
</div>
+
<div style=" width:1200px; height:400px">
−
<div class="MenuItemContainer clearfix grpelem" id="u487"><!-- vertical box -->
+
<div style=" float:left; width:600px;line-height: 400px"><center><img src="
−
<a class="nonblock nontext MenuItem MenuItemWithSubMenu transition rounded-corners clearfix colelem" id="u488" href="https://2018.igem.org/Team:SSHS-Shenzhen/project"><!-- horizontal box --><div class="MenuItemLabel NoWrap rounded-corners clearfix grpelem" id="u490-4" data-sizePolicy="fixed" data-pintopage="page_fixedLeft"><!-- content --><p>Project</p></div></a>
+
https://static.igem.org/mediawiki/2018/6/67/T--SSHS-Shenzhen--%E5%9B%A2%E9%98%9F%E5%9B%BE%E6%A0%87.jpg
−
</div>
+
" width=80%></center></div>
−
<div class="MenuItemContainer clearfix grpelem" id="u508"><!-- vertical box -->
+
<div style=" float:left; width:600px;line-height: 400px"><center><img src="
−
<a class="nonblock nontext MenuItem MenuItemWithSubMenu transition rounded-corners clearfix colelem" id="u509" href="experiments.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap rounded-corners clearfix grpelem" id="u510-4" data-sizePolicy="fixed" data-pintopage="page_fixedLeft"><!-- content --><p>Experiments</p></div></a>
+
https://static.igem.org/mediawiki/2018/3/36/T--SSHS-Shenzhen--%E5%AD%A6%E6%A0%A1%E5%9B%BE%E6%A0%87.jpg
−
</div>
+
" width=80%></center></div>
−
<div class="MenuItemContainer clearfix grpelem" id="u529"><!-- vertical box -->
+
</div>
−
<a class="nonblock nontext MenuItem MenuItemWithSubMenu transition rounded-corners clearfix colelem" id="u530" href="human-practice.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap rounded-corners clearfix grpelem" id="u531-4" data-sizePolicy="fixed" data-pintopage="page_fixedLeft"><!-- content --><p>Human Practice</p></div></a>
+
</center>
−
</div>
+
 
−
<div class="MenuItemContainer clearfix grpelem" id="u550"><!-- vertical box -->
+
<br><br><br><br><br>
−
<a class="nonblock nontext MenuItem MenuItemWithSubMenu transition rounded-corners clearfix colelem" id="u553" href="parts.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap rounded-corners clearfix grpelem" id="u556-4" data-sizePolicy="fixed" data-pintopage="page_fixedLeft"><!-- content --><p>Parts</p></div></a>
+
 
−
</div>
+
</body>
−
<div class="MenuItemContainer clearfix grpelem" id="u571"><!-- vertical box -->
+
</html>
−
<a class="nonblock nontext MenuItem MenuItemWithSubMenu transition rounded-corners clearfix colelem" id="u574" href="safety.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap rounded-corners clearfix grpelem" id="u575-4" data-sizePolicy="fixed" data-pintopage="page_fixedLeft"><!-- content --><p>Safety</p></div></a>
+
−
</div>
+
−
<div class="MenuItemContainer clearfix grpelem" id="u592"><!-- vertical box -->
+
−
<a class="nonblock nontext MenuItem MenuItemWithSubMenu transition rounded-corners clearfix colelem" id="u593" href="team.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap rounded-corners clearfix grpelem" id="u594-4" data-sizePolicy="fixed" data-pintopage="page_fixedLeft"><!-- content --><p>Team</p></div></a>
+
−
</div>
+
−
</nav>
+
−
</div>
+
−
<div class="browser_width colelem" id="u350-bw">
+
−
<div id="u350"><!-- simple frame --></div>
+
−
</div>
+
−
<div class="clearfix colelem" id="pu1092"><!-- group -->
+
−
<div class="clip_frame grpelem" id="u1092" data-sizePolicy="fixed" data-pintopage="page_fixedCenter" data-leftAdjustmentDoneBy="pu1092"><!-- image -->
+
−
<img class="block" id="u1092_img" src="https://static.igem.org/mediawiki/2018/e/e1/T--SSHS-Shenzhen--homepage-banner.png" alt="" width="1600" height="300"/>
+
−
</div>
+
−
<div class="clearfix grpelem" id="u1102-4" data-sizePolicy="fixed" data-pintopage="page_fixedCenter" data-leftAdjustmentDoneBy="pu1092"><!-- content -->
+
−
<p>Phyllotreta striolata killers</p>
+
−
</div>
+
−
</div>
+
−
<div class="browser_width colelem" id="u981-bw">
+
−
<div id="u981"><!-- simple frame --></div>
+
−
</div>
+
−
<div class="clearfix colelem" id="u1103-4" data-sizePolicy="fluidWidth" data-pintopage="page_fixedCenter"><!-- content -->
+
−
<p>Phyllotreta striolata is the most destructive insects worldwide. However, the present insect control strategies have certain limitations. We aim to develop a RNAi-based topical application approach. Ingestion of the sprayed siRNAs or shRNAs by P. striolata will induce the RNA silencing mechanism in the P. striolata and lead to its death. So far, we have designed the siRNAs for synthesis based on the sequences of the genes that are important for the development and survival of P. striolata. Currently we are rearing P. striolata to obtain enough the same age insects for feeding bioassays and gene silencing investigation. We will design corresponding small hairpin RNAs (shRNAs) and use E. coli expression system, or in vitro transcription system to produce these shRNAs in large scale.</p>
+
−
</div>
+
−
<div class="browser_width colelem" id="u1111-bw">
+
−
<div id="u1111"><!-- simple frame --></div>
+
−
</div>
+
−
</div>
+
−
<div class="verticalspacer" data-offset-top="776" data-content-above-spacer="775" data-content-below-spacer="61" data-sizePolicy="fixed" data-pintopage="page_fixedLeft"></div>
+
−
<div class="browser_width grpelem" id="u984-4-bw">
+
−
<div class="clearfix" id="u984-4" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true"><!-- content -->
+
−
<p><span id="u984">2018 Shenzhen Senior High School iGEM</span></p>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</body>
+
−
</html>
+

Latest revision as of 03:21, 18 October 2018

Title

Title

A Battle against the Beetle

Phyllotreta striolata is one of the most destructive insects worldwide. However, the present insect control strategies have certain limitations, for example, chemical insecticide applications will cause dietary pollution and environmental destruction. Here, we aim to develop an RNAi-based approach for controlling P. striolata. This approach is to topically apply exogenous siRNAs/shRNAs onto vegetables, ingestion of the sprayed siRNAs or shRNAs by P. striolata will induce the RNAi mechanism in the insect and lead to its death. In our project, siRNAs/shRNAs were designed based on the mRNA sequences of their target genes. The effect of both siRNAs and shRNAs in mediating RNAi in P. striolata were examined. Experimental results show that both siRNAs and shRNA could successfully silence their target genes, which was demonstrated by the survival rate decrease after siRNA or shRNA treatment. Our project provides an environmentally friendly approach for insect control.