body{font-family: 微软雅黑 !important; color: #202020;}
a{ text-decoration: none;outline:none;}
#mobile_icon_div{display: none !important;}
input,button,select,textarea { font-family:inherit;font-size:100%;outline:none; }
@media screen and (min-width: 768px)  {
 
    input[type='checkbox']{width: 20px;height: 20px;vertical-align:middle;opacity: 0;}
    .content h1{font-size: 16px; color: crimson;}
    .content .main .item .input_style{background: url(../img/green.png) no-repeat;width: 22px;height: 22px;display: inline-block;}
    .content .main .item .checkbox_bg{background-position: 0 0;    margin-right: 5px;}
    .content .main .item .checkbox_bg_check{background-position: -48px 0;}
    .content .main .item .checkboxlist{ float: left; width: 66%;}
    .content .main .item .checklist{float: left; margin-right: 10px; line-height: 22px;padding: 4px;}

    .top{text-align: center;margin-top: 40px; margin-bottom: 30px;}
    .top h3{margin: 0;font-weight:100;font-size: 25px;  margin-bottom: 10px;  font-weight: 400;}

    .content{background-color: #f0f0f0;padding: 50px 60px;display: inline-block;}
    .content .main{margin: 0 auto;}
    .content .main .item{ padding: 7px; font-size: 14px; float: left;  display: table; width: 48%;}
    
    .content .main .item img{width: 60%; }
    .content .main .item input.alert{ border:2px solid red !important;}
    .content .main .item input.text{  height: 28px; border: 1px solid #e1e1e1; text-indent: 0.8em; float: left; width: 66%;}

    .content .main .item #courier{ width: 40%;}
    .content .main .item input.fullname{ width: 81.5%; height: 28px; border: 1px solid #e1e1e1; text-indent: 0.8em;float: left;}
    .content .main .item #company{ border:none;background-color: #f0f0f0;text-indent:0.2em}
    .content .main .item #name{ border:none;background-color: #f0f0f0;text-indent:0.2em}
    .content .main .item #tel{ border:none;background-color: #f0f0f0;text-indent:0.2em}
    .content .main .item #email{ border:none;background-color: #f0f0f0;text-indent:0.2em}
    .content .main .item #keys{ height: 28px; margin: 0 5px; width: 20%;border: 1px solid #e1e1e1;}
    .content .main .item select{   height: 32px; border: 1px solid #e1e1e1; text-indent: 0.8em;float: left;background-color: #fff;    width: 67%;}
    .content .main .item select.alert{ border:2px solid red !important;}
    .content .main .item em{font-size: 12px; margin-top: 10px; display: block; color: #959595;}
    .content .main .item textarea{width: 690px; height: 150px; }
    .content .main .item span{display: inline-block; width: 120px;line-height: 32px; text-align: right;margin-right: 10px;float: left;}
    .content .main .item a.submit{padding: 4px 10px;  color: #666; text-align: center;    margin-right: 40px;   width: 50px; height: 20px;background: #fafafa;  border: 1px solid #ddd;  border-radius: 4px;   overflow: hidden; display: inline-block;   }
    .content .main .item a.disabled {pointer-events: none;filter: alpha(opacity=50); /*IE滤镜，透明度50%*/-moz-opacity: 0.5; /*Firefox私有，透明度50%*/opacity: 0.5; /*其他，透50%*/}
    
    .content .main .item a.key{padding: 6px 10px;  color: #666; text-align: center; background: #fafafa;  border: 1px solid #ddd;  border-radius: 4px;   overflow: hidden;  }
    .content .main .item #server.alert{ border:2px solid red !important;   }
    
    .content .main .footer{display: inline-block;width: 100%;text-align: center;}
    .content .main .footer p{font-size: 14px; color: red;}
    .content .main .footer a.tip2{color: red;}
    .content .main .footer a.tip{color: #959595;}
    .content .main .footer #submit{background-color:#0075c2; color: #fff; border-radius: 10px; width: 200px; height: 50px; text-align: center; line-height: 50px; display: inline-block; margin-top: 10px;font-size: 22px;}
    .content .main .footer #submit.dis{pointer-events:none; cursor: default;opacity: 0.6;background-color: #666666;}
    .content .main .footer span{display: inline-block;line-height: 32px; text-align: right;margin-right: 10px; font-size: 14px;}


    /*样式1*/
    .a-upload{padding: 4px 10px;height: 20px;line-height: 20px;position: relative;cursor: pointer;color: #888;background: #fafafa;border: 1px solid #ddd;border-radius: 4px;overflow: hidden;display: inline-block;text-decoration: none;}
    .a-upload input{position: absolute;font-size: 100px;right: 0;top: 0;opacity: 0;filter: alpha(opacity=0);cursor: pointer}
    .a-upload:hover{color: #444;background: #eee;border-color: #ccc;} 


    /*背景层*/
    #popLayer {display: none;background-color: #000;position: fixed;top: 0;right: 0;bottom: 0;left: 0; z-index: 10; opacity:0.6;}

    /*弹出层*/
    #popBox {display: none;background-color: #FFFFFF;z-index: 11;width: 500px;height: 600px; position:fixed;top:0;right:0;left:0;bottom:0; margin:auto;text-align: center;}
    /*关闭按钮*/
    #popBox .close{text-align: center;position: absolute;bottom: 30px;width: 100%;}
    #popBox .close a {text-decoration: none;background-color: #0075c2;cursor: pointer;padding: 10px 20px;border-radius: 10px;color: #fff;margin: 20px;}
    #popBox .close a.dis{cursor:default;pointer-events: none;background-color: #666;}
    #popBox .box{padding: 20px;overflow: auto; height: 480px;}
    #popBox .box p{text-align: left;line-height: 24px;font-size: 14px;}


    #alert {display: none;background-color: #FFFFFF;z-index: 11;width: 300px;height: 250px; position:fixed;top:0;right:0;left:0;bottom:0; margin:auto;text-align: center;}
    #alert .box{    clear: both}
    #alert  img{ float: right; margin: 10px; width: 24px; cursor: pointer;}
    #alert .box p{text-align: center;line-height: 24px;font-size: 16px;  margin-top: 40px;}
    #alert .box a{ text-decoration: none; font-size: 14px; color: #0075c2;}
    #alert .box a:visited{color: #613290;}
    
    #alert .close{text-align: center;width: 100%;margin-top: 25px;}
    #alert .close a {text-decoration: none;background-color: #0075c2;cursor: pointer;padding: 10px 20px;border-radius: 10px;color: #fff;margin: 10px; display:inline-block;}
    #alert .close #next{ background:none; color: #0075c2;}

    #tip {display: none;background-color: #FFFFFF;z-index: 11;width: 300px; min-height: 150px; position:fixed;top:0;right:0;left:0;bottom:0; margin:auto;text-align: center;}
    #tip .box p{text-align: center;line-height: 24px;font-size: 16px;}
    #tip .box a{ text-decoration: none; font-size: 14px; color: #0075c2;}
    #tip .box a:visited{color: #613290;}
    
    #tip .close{text-align: center;position: absolute;bottom: 30px;width: 100%;}
    #tip .close a {text-decoration: none;background-color: #0075c2;cursor: pointer;padding: 10px 20px;border-radius: 10px;color: #fff;}


    #tip2 {display: none;background-color: #FFFFFF;z-index: 11;width: 250px; height: 70px; position:fixed;top:0;right:0;left:0;bottom:0; margin:auto;text-align: center;}
    #tip2 .box p{text-align: center;line-height: 70px;font-size: 16px;    margin: 0;}
    #tip2 .box a{ text-decoration: none; font-size: 14px; color: #0075c2;}
    #tip2 .box a:visited{color: #613290;}

    #express{width: 25%; margin-right: 5px;}

    footer article ul:nth-child(1){width: 18em;} 
    footer article ul:nth-child(2){width: 24em;margin-left: 20px;} 
    footer article ul:nth-child(3){width: 26em;} 
    footer p.copyright small img{float: left; margin-left: 20px;}

}


@media screen and (max-width: 768px) {

    #wrapper{ width: 100%;}
    header{width: auto;}
    header .rightBox{display: none;}
    .globalNav{    width: 100%; overflow: auto  !important;}
    .globalNav ul{    width: 650px;display: inline-block; overflow: auto !important;}
    form{overflow: hidden;}
    .content h1{font-size: 14px; color: crimson;padding: 0 10px;}
    input[type='checkbox']{width: 20px;height: 20px;vertical-align:middle;opacity: 0;}
    .content .main .item .input_style{background: url(../img/green.png) no-repeat;width: 22px;height: 22px;display: inline-block;}
    .content .main .item .checkbox_bg{background-position: 0 0; margin-right: 5px;}
    .content .main .item .checkbox_bg_check{background-position: -48px 0;}
    .content .main .item .checkboxlist{ width: 200px; float: left;margin-top: 2px;}
    .content .main .item .checklist{float: left; margin-right: 10px; line-height: 22px;padding: 2px;}

    .top{text-align: center;margin-top: 20px; margin-bottom: 15px;}
    .top h3{margin: 0;font-size: 20px;  margin-bottom: 10px;  font-weight: 400;}

    .content{background-color: #f0f0f0;padding: 10px 0px;display: inline-block; width: 100%;}
    .content .main{margin: 0 auto;}
    .content .main .item{ padding:7px 0; font-size: 12px;  width: 100%; display: inline-block; }
    .content .main .item input.alert{ border:2px solid red !important;}
    .content .main .item input.text{ width: 62%; height: 28px; border: 1px solid #e1e1e1; text-indent: 0.8em;float: left; }
    .content .main .item input.fullname{  width: 62%;  height: 28px; border: 1px solid #e1e1e1; text-indent: 0.8em;float: left;}
    .content .main .item #company{ border:none}
    .content .main .item #name{ border:none}
    .content .main .item #tel{ border:none}
    .content .main .item #email{ border:none}
    
    .content .main .item #keys{ height: 28px; margin: 0 5px; width: 16%;border: 1px solid #e1e1e1;}
    .content .main .item select{ width: 63%;  height: 32px; border: 1px solid #e1e1e1; text-indent: 0.3em; background-color: #fff;float: left;}
    .content .main .item select.alert{ border:2px solid red !important;}
    .content .main .item em{font-size: 12px; margin-top: 10px; display: block; color: #959595;}
    .content .main .item textarea{height: 70px; width: 62%; }
    .content .main .item span{ width: 28%;line-height: 32px; float: left; text-align: right;margin-right: 7px;}
    .content .main .item a.submit{padding: 4px 10px;  color: #666; text-align: center; width: 50px; height: 20px;background: #fafafa;  border: 1px solid #ddd;  border-radius: 4px;   overflow: hidden; display: inline-block;   }
    .content .main .item a.disabled {pointer-events: none;filter: alpha(opacity=50); /*IE滤镜，透明度50%*/-moz-opacity: 0.5; /*Firefox私有，透明度50%*/opacity: 0.5; /*其他，透50%*/}
    .content .main .item a.key{padding: 6px 10px;  color: #666; text-align: center; background: #fafafa;  border: 1px solid #ddd;  border-radius: 4px;   overflow: hidden;  }
    .content .main .item #img1{ width: 150px; margin-top: 10px;}
    .content .main .item #img2{ width: 150px; margin-top: 10px;}

    .content .main .item #example{ width: 150px; }
    .content .main .item #num{ width: 150px; }
    .content .main .item #server.alert{ border:2px solid red !important;}


    .content .main .footer{display: inline-block;width: 100%;text-align: center;}
    .content .main .footer p{font-size: 14px; color: red; padding: 0 10px; text-align: justify;}
    .content .main .footer a.tip2{color: red;}
    .content .main .footer a.tip{color: #959595;}
    .content .main .footer #submit{background-color:#0075c2; color: #fff; border-radius: 10px; width: 130px; height: 35px; text-align: center; line-height: 35px; display: inline-block; margin-top: 10px;font-size: 16px;}
    .content .main .footer #submit.dis{pointer-events:none; cursor: default;opacity: 0.6;background-color: #666666;}
    .content .main .footer span{display: inline-block;line-height: 32px; text-align: right; font-size: 12px;}

    /*样式1*/
    .a-upload{padding: 4px 10px;height: 20px;line-height: 20px;position: relative;cursor: pointer;color: #888;background: #fafafa;border: 1px solid #ddd;border-radius: 4px;overflow: hidden;display: inline-block;text-decoration: none;}
    .a-upload input{position: absolute;font-size: 100px;right: 0;top: 0;opacity: 0;filter: alpha(opacity=0);cursor: pointer}
    .a-upload:hover{color: #444;background: #eee;border-color: #ccc;} 

    /*背景层*/
    #popLayer {display: none;background-color: #000;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 10;opacity:0.6;}
    #popBox{display:none;background-color:#FFFFFF;z-index:11;width:300px;height:550px;position:fixed;top:0;right:0;left:0;bottom:0;margin:auto;text-align:center;overflow:hidden;}
    #popBox .close{text-align:center;position:absolute;bottom:30px;width:100%;}
    #popBox .close a{text-decoration:none;background-color:#0075c2;cursor:pointer;padding:10px 20px;border-radius:10px;color:#fff;margin:20px;}
    #popBox .close a.dis{cursor:default;pointer-events:none;background-color:#666;}
    #popBox .box{padding: 20px;}
    #popBox .box p{text-align: left;line-height: 24px;font-size: 12px;height: 380px;overflow: auto; }
    #popBox .box span{word-wrap: break-word;word-break: break-all;white-space: pre-wrap !important;}

    #alert {display: none;background-color: #FFFFFF;z-index: 11;width: 300px;height: 200px; position:fixed;top:0;right:0;left:0;bottom:0; margin:auto;text-align: center;}
    #alert .box p{text-align: center;line-height: 24px;font-size: 16px;margin-top: 40px;}
    #alert .box a{ text-decoration: none; font-size: 14px; color: #0075c2;}
    #alert .box a:visited{color: #613290;}
    #alert .close{text-align: center;width: 100%;margin-top: 20px;}
    #alert .close a {text-decoration: none;background-color: #0075c2;cursor: pointer;padding: 10px 20px;border-radius: 10px;color: #fff;margin: 10px; display:inline-block;}
    #alert  img{ float: right; margin: 10px; width: 20px; cursor: pointer;}
    #alert .close #next{ background:none; color: #0075c2;}


    #tip {display: none;background-color: #FFFFFF;z-index: 11;width: 300px; min-height: 150px; position:fixed;top:0;right:0;left:0;bottom:0; margin:auto;text-align: center;}
    #tip .box p{text-align: center;line-height: 24px;font-size: 16px;}
    #tip .box a{ text-decoration: none; font-size: 14px; color: #0075c2;}
    #tip .box a:visited{color: #613290;}
    
    #tip .close{text-align: center;position: absolute;bottom: 30px;width: 100%;}
    #tip .close a {text-decoration: none;background-color: #0075c2;cursor: pointer;padding: 10px 20px;border-radius: 10px;color: #fff;}

    #tip2 {display: none;background-color: #FFFFFF;z-index: 11;width: 250px; height: 70px; position:fixed;top:0;right:0;left:0;bottom:0; margin:auto;text-align: center;}
    #tip2 .box p{text-align: center;line-height:70px;font-size: 16px;    margin: 0;}
    #tip2 .box a{ text-decoration: none; font-size: 14px; color: #0075c2;}
    #tip2 .box a:visited{color: #613290;}

    #courier{width: 40% !important;float: none;}
    #express{ width: 21% !important;    margin-right: 5px;}

    footer{margin-bottom: 5px;}
    footer article{padding:0 10px; line-height: 24px;}
    footer article ul{float: none !important; margin: 0 !important; text-align: left !important;}
    footer article ul:nth-child(1){width: 18em;} 
    footer article ul:nth-child(2){width: 24em;} 
    footer article ul:nth-child(3){width: 26em;} 
    footer p.copyright small{ float:none; width: 100%; display:inline-block; text-align: left;}
    footer p.copyright small img{float: left; }
    footer p.copyright{padding:10px 10px !important; display: inline-block; line-height: 24px;}
}