﻿* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

body {
    background: #fff;
    font-family: "微软雅黑";
}

.cl:after {
    content: "";
    height: 0;
    display: block;
    clear: both;
    overflow: hidden;
}

#jswrap {
    width: 100%;
    background-color: #fff;
}

    #jswrap header {
        width: 60%;
        margin: 6vw auto 1vw;
    }

        #jswrap header div {
            width: 55%;
        }

            #jswrap header div img {
                width: 100%;
            }

    #jswrap .js_content {
        width: 100%;
        background: #5DC2D0;
        padding: 3vw 0;
    }

        #jswrap .js_content .js_content_into {
            width: 60%;
            margin: auto;
        }

            #jswrap .js_content .js_content_into .left_img {
                width: 38%;
                /*border:1px solid red;*/
                float: left;
            }

                #jswrap .js_content .js_content_into .left_img img {
                    width: 100%;
                }

            #jswrap .js_content .js_content_into .right_login {
                width: 36%;
                float: right;
                margin-top: -7vw;
                border-radius: 4px;
                background: #fff;
                overflow: hidden;
                padding-bottom: 2vw;
            }

                #jswrap .js_content .js_content_into .right_login .top_title {
                    width: 100%;
                    padding: 1.7vw 0;
                    background: -webkit-linear-gradient(#5DC2D0, #55cede); /* For Safari 5.1 to 6.0 */
                    background: -o-linear-gradient(#5DC2D0, #55cede); /* For Opera 11.1 to 12.0 */
                    background: -moz-linear-gradient(#5DC2D0, #55cede); /* For Firefox 3.6 to 15 */
                    background: linear-gradient(#5DC2D0, #55cede); /* Standard syntax */
                }

                    #jswrap .js_content .js_content_into .right_login .top_title p {
                        text-align: center;
                        font-size: 2vw;
                        color: #fff;
                    }

                #jswrap .js_content .js_content_into .right_login .bottom_content {
                }

                    #jswrap .js_content .js_content_into .right_login .bottom_content .text {
                        margin: 1vw 0 0;
                    }

                        #jswrap .js_content .js_content_into .right_login .bottom_content .text input {
                            padding: 1vw 0;
                            width: 70%;
                            font-size: 1vw;
                            border: 1px solid #d6d4d4;
                            padding-left: 1vw;
                            outline-style: none;
                            border-radius: 2px;
                            margin-top: 2vw;
                            margin-left: 12%;
                        }

                    #jswrap .js_content .js_content_into .right_login .bottom_content .login_button input {
                        padding: 1vw 0;
                        width: 76%;
                        font-size: 1vw;
                        border: 1px solid #d6d4d4;
                        outline-style: none;
                        border-radius: 2px;
                        margin-top: 3vw;
                        margin-left: 12%;
                        background: #5DC2D0;
                        color: #fff;
                        cursor: pointer;
                    }

    #jswrap footer {
        padding: 1vw 0 0;
    }

        #jswrap footer p {
            font-size: 1vw;          
            padding: .2vw 0;
            text-align: center;
        }
