.pro_middle ol@charset "utf-8";
body {
    background:#f2f2f2;
}
span,a {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;	
}
.Current {
    line-height:14px;
    margin-top:18px;
    margin-left:16px;
    padding-bottom: 15px;
}
.Current a:hover {
    color:#288ce6;
}
.detail_info,.detail_main {
    width:1180px;
    margin:20px auto 0 auto;
    height:410px;
    position:relative;
}
.detail_info {
    background:#fff;
}
    .detail_main i,.detail_info i {
        background:url(../images/all_imgbq.png) no-repeat;
        display:inline-block;
        vertical-align:middle;
        margin-top:-3px;
    }
    .paging i{
        background: none !important;
        margin-top: -1px;
    }
.pro_left {
    width:353px;
    float:left;
    margin:20px 20px 0 16px;
    position:relative;
}
    .pro_left img {
        width:353px;
        height:279px;
    }

    .pro_left .mf_look,.pro_left .mf_code {
        display:inline-block;
        width:100%;
        height:50px;
        line-height:50px;
        text-align:center;
        color:#fff;
        font-size:18px;
        background:#42a5ff;
        margin-top:15px;
        float:left;
    }
        .pro_left .mf_look:hover {
            background: #288ce6;
        }
        .pro_left .mf_look i {
            width:12px;
            height:15px;
            background-position:-160px 0;
            margin-right:10px;
        }
    .pro_left .mf_code {
        width:165px;
        height:46px;
        display:inline-block;
        float:right;
        border:2px solid #64a4de;
        background:#fff;
        color:#64a4de;
        line-height:46px;
    }
    .pro_left .mf_code:hover {
        background:#288ce6;
        border-color:#288ce6;
        color:#fff;
    }
    .pro_left .lock {
        background:#e4e4e4;
        color:#bababa;
    }
        .pro_left .lock:hover {
            background: #e4e4e4;
        }
        .pro_left .lock i {
            background-position:-160px -20px;
        }

    .pro_left .s2 {
        position:absolute;
        height:40px;line-height:40px;
        background:rgba(0,0,0,.7);
        left:0;top:239px;right:0;
        text-align:center;
        color:#fff;
        font-size:14px;
    }

.pro_middle {
    margin-top:20px;
    width:775px;
    float:left;
    position:relative;
    height:344px;
}
.pro_middle h1 {
    font-size:24px;
    color:#333333;
    line-height:36px;
    font-weight:bold;
    width:465px;
}
    .pro_middle ul {
        
        margin-bottom:10px;
        height:17px;
        line-height:17px;
        font-size:14px;
        color:#999999;
    }
    .pro_middle ol {
        font-size:14px;
        line-height:24px;
        color:#333333;
        height:120px;
        position:relative;
        z-index:6;
    }
	.pro_middle ol .ol_li{
		margin-top:14px;
		}
	.pro_middle ol .ol_li .ol_sp1{
		padding:0 5px;
		 height:25px;
		  background:#ff4400; 
		  color:#fff; 
		  line-height:25px; 
		  margin-right:10px; 
		  font-size:12px; 
		  display:inline-block; 
		  border-radius:5px; 
		  text-align:center}
	.pro_middle ol .ol_li .ol_sp2{
		line-height:25px; 
		color:#999999; 
		font-size:12px;}
    .pro_middle dl {
        position:absolute;
        left:0;
        bottom:0;
    }
    .pro_middle dt {
        height:78px;
    }
        .pro_middle dt .s1 {
            color:#ff4400;
            font-size:38px;
            line-height:38px;
            display:inline-block;
        }
            .pro_middle dt .s1 b {
                font-weight:normal;
                font-size:20px;
            }
            .pro_middle dt .s1 i {
                background-position:0 -40px;
                width:70px;
                height:21px;
                margin-left:9px;
            }
        .pro_middle dt .s2 {
            font-size:14px;
            margin-left:17px;
        }
        .pro_middle dt .s3 {
            color:#81b71a;
            font-size:38px;
            font-weight:bold;
        }
        .pro_middle dt .s4 {
            color:#999999;
            margin-left:5px;
        }
        .pro_middle dt .s5 {
            color:#bbb;
        }
        .pro_middle dt .s6 {
            display:block;
            color:#999999;
        }
            .pro_middle dt .s6 .a3 {
                color:#ff7200;
            }
            .pro_middle dt .s6 .a4 {
                color:#42a5ff;
            }
            .pro_middle dt .s6 .sp_link{
                color:#288ce6;
            }
        .pro_middle dt .a2 {
            color:#999999;
            width:101px;
            height:22px;
            border:1px solid #999999;
            border-radius:12px;
            display:inline-block;
            vertical-align:middle;
            line-height:22px;
            cursor:pointer;
            font-size:14px;
            margin-left:20px;
            margin-top:-15px;
            text-align:center;
        }
            .pro_middle dt .a2 i {
                background-position:-300px 0;
                width:8px;
                height:18px;

                margin:5px 4px 0 10px;
            }
            .pro_middle dt .a2:hover {
                background:#57afff;
                color:#fff;
                border:1px solid #42a5ff;
            }
                .pro_middle dt .a2:hover i {
                    background: url(../images/all_img_hover2.png) no-repeat;
                    background-position: -300px 0;
                }
    .pro_middle dd {
        position:relative;
        display:inline-block;
    }
    
    .pro_middle dd .s1 {
        margin-right:18px;
        display:inline-block;
        float:left;
    }
        .pro_middle dd .s1 a {
            width:168px;
            height:46px;
            line-height:46px;
            display:inline-block;
            border:2px solid #ffa976;
            color:#ff7700;
            font-size:18px;
            text-align:center;
            background:#fff9f1;
        }
            .pro_middle dd .s1 a i {
                background-position:0 0;
                width:20px;
                height:20px;
                margin-right:10px;
            }
            .pro_middle dd .s1 a:hover {
                color: #fff;
                background:#ffa976;
            }
            .pro_middle dd .s1 a:hover i{
                background-position:-20px 0;
                background: url(../images/all_img_hover2.png) no-repeat;
            }
        .pro_middle dd .s2 {
            display:inline-block;
            float:left;
        }
            .pro_middle dd .s2 a,.pro_middle dd .s5 a {
                width: 120px;
                height: 50px;
                padding-left:44px;
                line-height: 50px;
                display: inline-block;
                color: #fff;
                font-size: 18px;
                background: #ff4400;
            }

            .pro_middle dd .s2 a i {
                background-position:-180px 0;
                width:12px;
                height:7px;
                margin-left:9px;
            }
            .pro_middle dd .s2 a:hover,.pro_middle dd .s5 a:hover {
                background:#ee3000;
            }

        .pro_middle dd .s3 {
            position:absolute;
            left:190px;
            top:50px;
            display:none;
            z-index:9;
        }
            .pro_middle dd .s3 a {
                width: 120px;
                height: 45px;
                padding-left:44px;
                line-height: 45px;
                display: inline-block;
                color: #fff;
                font-size: 16px;
                background: #ff4400;
                border-radius: 2px;
            }

            .pro_middle dd .s3 a i {
                background-position:-180px 0;
                width:12px;
                height:7px;
                margin-left:9px;
            }
            .pro_middle dd .s3 a:hover {
                background:#ee3000;
            }
        .pro_middle dd .s4 {
            margin-left:22px;
            height:50px;
            line-height:50px;
            display:inline-block;
            float:left;
            color:#999999;
        }

.pro_right {
    position:absolute;
    overflow:hidden;
    right:18px;
    top:54px;
    width:277px;
    height:345px;
    z-index:5;
}
    .pro_right dl {
        width:91px;
        float:left;
        font-size:12px;
        height:36px;
        float:left;
        text-align:center;
        line-height:18px;
        border-right:1px solid #dfdfdf;
        margin-bottom:-1px;
        color:#666666;
    }
        .pro_right dl.nob {
            border:none;
        }
    .pro_right dd {
        font-size:14px;
    }
        .pro_right dd a {
            color: #333;
        }
            .pro_right dd a:hover {
                color:#288ce6;
            }
    .pro_right ul {
        position:absolute;
        right:0;
        background:#fff;
        bottom:0;
        text-align:center;
        width:100%;
    }
        .pro_right ul li {
            width: 91px;
            font-size: 14px;
            height:50px;
            float: left;
            text-align: center;
            line-height: 24px;
        }
        .pro_right ul .li_04 {
            border-right:none;
        }
            .pro_right ul li a {
                display: block;
                color: #999999;
                height: 36px;
            }
            .pro_right ul li i.i1 {
                width:20px;
                height:20px;
                background-position:-40px 0;
            }
            .pro_right ul li i.i2 {
                width:20px;
                height:20px;
                background-position:-40px 0;
            }
            .pro_right ul li i.i3{
                width:21px;
                height:20px;
                background-position:-80px -20px;
            }
            .pro_right ul li i.i4{
                width:22px;
                height:20px;
                background-position:-120px -20px;
            }
        .pro_right ul .li_01 a:hover {
            color:#ff4400;
        }
        .pro_right ul .li_01 a:hover i{
                background: url(../images/all_img_hover2.png) no-repeat;
                background-position:-40px 0;
        }
        .pro_right ul .li_03 a:hover {
            color: #ff9e00;
        }
            .pro_right ul .li_03 a:hover i {
                background: url(../images/all_img_hover2.png) no-repeat;
                background-position:-80px -20px;
            }
        .pro_right ul .li_04 a:hover {
            color: #06a7e1;
        }
            .pro_right ul .li_04 a:hover i {
                background: url(../images/all_img_hover2.png) no-repeat;
                background-position:-120px -20px;
            }




.detail_left {
    float:left;
    width:818px;
    background:#fff;
    padding:16px;
    position:relative;
    z-index:5;
}

.detail_desc {
    margin-top: 30px;
    display:inline-block;
    width:100%;
}
.detail_title  h2{
    line-height:24px;
    font-size:24px;
    color: #686868;
    height:24px;
    margin-bottom:30px;
    padding-bottom: 25px;
    border-bottom: 1px solid #c7c7c7;
}
.detail_desc dt {
    line-height:40px;
}
.detail_desc dt i {
    width:43px;
    height:25px;
    background-position:-240px -20px;
    margin:0;
}
.detail_desc dt span a {
    padding: 7px 15px;
    background: #e2e2e2;
    border-radius: 3px;
    color: #666;
    font-size: 12px;
    margin-left: 12px;
    white-space:nowrap;
}
.detail_desc dt span a:hover {
    background:#42a5ff;
    color:#fff;
}
.detail_desc dd {
    font-size:14px;
    line-height:30px;
    color:#333333;
    margin-top:20px;
    padding:0 1px;
    overflow:hidden;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	-o-transition: height 0.3s;
	-ms-transition: height 0.3s;
	transition: height 0.3s;	
}
.detail_desc_more {
    display:inline-block;
    width:100%;
    margin-bottom:40px;
    margin-top:-34px;
    background:url(../images/desc_more_bg.png) no-repeat top;
    height:24px;
    padding-top:32px;
    line-height:24px;
    font-size:14px;
    color:#666666;
    text-align:center;
    cursor:pointer;
}

    .detail_desc_more i {
        width:10px;
        height:5px;
        background-position:0 -30px;
        margin-right:5px;
    }
    .detail_desc_more:hover {
        color:#42a5ff;
    }
        .detail_desc_more:hover i {
            background: url(../images/all_img_hover2.png) no-repeat;
            background-position: 0 -30px;
        }
    .detail_desc_more i.i1 {
            background: url(../images/all_img.png) no-repeat;
        background-position:-40px -30px;
    }
    .detail_desc_more:hover i.i1{
            background: url(../images/all_img_hover2.png) no-repeat;
        background-position:-40px -30px;
    }



    .detail_class li {
        color:#666666;
        float:left;
        width:100%;
        font-size:18px;
        margin-bottom:40px;
    }
        .detail_class li span {
            font-size:14px;
            color:#999999;
            line-height:30px;
        }
        .detail_class li a {
            display:inline-block;
        }
        .detail_class li a i {
            float:left;
            background-position:-180px -40px;
            width:41px;
            height:41px;
            margin-top:3px;
            margin-right:11px;
        }
        .detail_class li a:hover i {
            background: url(../images/all_img_hover2.png) no-repeat;
            background-position:-180px -40px;
        }

.detail_feedback_title {
    border-bottom:1px solid #dfdfdf;
    display:inline-block;
    width:100%;
}
    .detail_feedback_title ol {
        padding:11px 12px 11px 9px;
        cursor:pointer;
        float:left;
        font-size:24px;
        margin-bottom:-1px;
    }
            .detail_feedback_title ol.ol_01:hover, .detail_feedback_title ol.ol_02:hover {
                border-bottom: 3px solid #42a5ff;
                color: #288ce6;
            }
                .detail_feedback_title ol.ol_01:hover i {
                background-position:0 -100px;
                }
        .detail_feedback_title ol.ol_02 {
            padding-left:27px;
        }
                .detail_feedback_title ol.ol_02:hover i {
                    background-position: -80px -100px;
                }
        .detail_feedback_title ol.now {
            border-bottom:3px solid #42a5ff;
            color:#288ce6;
        }
        .detail_feedback_title ol li i {
            width:32px;
            height:32px;
            margin-right:12px;
        }
        .detail_feedback_title ol.ol_01 i {
            background-position:-40px -100px;
        }
            .detail_feedback_title ol.now .i1 {
                background-position:0 -100px;
            }
        .detail_feedback_title ol.ol_02 i {
            background-position:-120px -100px;
        }
            .detail_feedback_title ol.now .i2 {
                background-position:-80px -100px;
            }
        .detail_feedback_title ol .s2 {
            font-size: 14px;
            color: #999999;
            margin-left:8px;
        }
.feedback_text {
    margin-bottom:26px;
}
.feedback_text ol,.feedback_text ul {
        margin-top:34px;
        font-size:16px;
        color:#666666;
        display:inline-block;
    }
.feedback_text dd {
        margin-top:13px;
        width:100%;
        float:left;
    }
.feedback_text dd textarea {
            border:1px solid #d5d5d5;
            padding:10px 9px;
            width:639px;
            height:58px;
            overflow:hidden;
            font-size:14px;
            border-radius:3px;
            line-height:22px;
            float:left;
            resize: none;
        }
.feedback_text dd .send_btn {
            width:153px;
            height:80px;
            border-radius:3px;
            background:#8cc1f1;
            font-size:20px;
            color:#fff;
            text-align:center;
            border:none;
            float:right;
            cursor:pointer;
        }
.feedback_text dd .send_btn:hover {
                background: #42a5ff;
            }
.feedback_text dd .code_btn {
            width:103px;
            height:26px;
            border:1px solid #d5d5d5;
            float:left;
            text-align:center;
        }
.feedback_text dd img {
            width:89px;
            height:28px;
            float:left;
            margin-left:7px;
        }
.feedback_text dd .s1 {
            font-size:14px;
            color:#333;
            line-height:28px;
            margin-left:10px;
            float:left;
        }
.feedback_text dd .s2 {
            color:#666666;
            float:right;
            margin-right:162px;
        }



.ask_list {
    margin-bottom:20px;
    display:inline-block;
}

.feedback_member {
    float: left;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 10px;
}
.feedback_member dl {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 10px;
    position: relative;
}

.feedback_member dt {
    width: 68px;
    float: left;
}
.feedback_member .dl_02 dt {
    width: auto;
    margin-bottom: 17px;
}
.feedback_member dl dt img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    margin-left: 1px;
}
.feedback_member .dl_02 dt img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 14px;
    vertical-align: middle;
}
.feedback_member .dl_01 dd .s4 {
    position: absolute;
    bottom: 10px;
    color: #fff;
    border-radius: 5px;
    font-size: 12px;
    padding: 4px 8px;
    cursor: pointer;
    right: 0;
    background: #a1b7cb;
}
.feedback_member .dl_01 dd .s4:hover {
    background: #80a0bc;
}
.feedback_member dd .s3 {
    position: absolute;
    right: 0;
    top: 40px;
    font-size: 12px;
    color: #999999;
    font-weight: normal;
}
.feedback_member dd .s3 a {
    color: #999;
    margin-left: 5px;
    font-family: 宋体;
}
.feedback_member dd .s3 a:hover {
    color: #09f;
}
.feedback_member dd {
    float: right;
    width: 700px;
    _height: 80px;
    display: inline-block;
    padding-bottom: 20px;
    color: #666666;
    font-size: 14px;
    word-wrap: break-word;
}
.feedback_member strong {
    display: block;
    height: 48px;
    line-height: 40px;
    font-size: 12px;
    font-weight: normal;
    color: #999;
}
.feedback_member dt strong {
    display: inline-block;
}
.feedback_member strong a {
    color: #288ce6;
}
.feedback_member strong a:hover {
    text-decoration: underline;
}
.feedback_member strong .i1, .feedback_member strong .i2 {
    background-position: -160px -100px;
    width: 64px;
    height: 15px;
    margin-left: 9px;
}
.feedback_member strong .i2 {
    background-position: -80px 0;
}
.feedback_member dd .s1, .feedback_member dd .s2 {
    background: #65addf;
    color: #fff;
    display: inline-block;
    width: 30px;
    line-height: 12px;
    padding: 3px 0;
    vertical-align: middle;
    text-align: center;
    margin-right: 8px;
    font-size: 12px;
    border-radius: 2px;
    font-weight: normal;
    font-family: 宋体;
}
.feedback_member dd .s2 {
    background: #7cba63;
}
.feedback_member ul {
    position: absolute;
    right: 0;
    top: 40px;
    color: #666666;
    font-size: 14px;
}
.feedback_member ol {
    position: absolute;
    bottom: 15px;
    right: 10px;
    color: #999;
    font-size: 12px;
    cursor: pointer;
}
.feedback_member ol .i5 {
    background-position: -20px 0;
    width: 11px;
    height: 11px;
    margin-right: 4px;
}
.feedback_member ol:hover {
    text-decoration: underline;
    color: #288ce6;
}

.detail_right {
    float:right;
    width:310px;
}
.suitable {
    padding-bottom:24px;
    background:#fff;
    padding:15px;
    margin-bottom:20px;
}
h2.right_h2 {
    font-size: 18px;
    line-height: 18px;
    padding-bottom: 12px;
    border-bottom: 1px solid #dfdfdf;
    text-align:left;
}
.suitable dd {
    font-size: 14px;
    line-height:14px;
    color: #666666;
    padding:17px 0 10px 0;
}
.suitable ul {
    background:#f7f7f7;
    font-size:14px;
    text-align:center;
    padding-top:7px;
    line-height:20px;
    padding-bottom: 20px;
}
.suitable ul li {
    padding-top:10px;
}
.suitable ul li img{
    width: 50%;
}
.suitable ul .s1 {
    color:#42a5ff;
}
.suitable ul .s2 {
    background:url(../images/qq_bg.jpg) no-repeat;
    width:138px;
    height:30px;
    display:inline-block;
    font-size:20px;
    padding-left:20px;
    color:#fff;
    line-height:30px;
}
.suitable .b_class{
    background: #f7f7f7;
    text-align: center;
    padding: 30px 0 20px 0;
    margin-top: 10px;
}
    .b_class span{
        display: block;
        padding:5px 10px;
    }
    .b_class a{
        display: inline-block;
        width: 230px;
        height: 40px;
        line-height: 40px;
        background: #42a5ff;
        color: #ffffff;
        font-size: 18px;
        border-radius: 3px;
    }
.b_class a:hover{
    background: #3f9aee;
}
    .b_class strong{
        display: block;
        font-weight: normal;
        font-size: 16px;
        color: #333333;
        line-height: 36px;
    }
.teacher {
    text-align:center;
    position:relative;
    overflow:hidden;
    background:#fff;
    padding:15px;
}
.teacher strong {
    font-size:18px;
    line-height:18px;
    font-weight:normal;
    text-align:left;
    display:block;

}
.teacher dt {
    height:132px;
    margin-top:23px;
}
.teacher dt a {
    display:inline-block;
    width:100%;
}
.teacher dt img {

}
.teacher dd {
    font-size:18px;
    line-height:36px;
}
.teacher dd i {
    background-position: -160px -100px;
    width: 64px;
    height: 15px;
}
.teacher dd.say {
    background:url(../images/teacher_say.png) no-repeat 0 5px;
    font-size:14px;
    color:#333333;
    line-height:24px;
    padding:0 20px;
    margin-top:10px;
    text-align:left;
}
.teacher ul {
    display:inline-block;
    width:100%;
    margin-top:19px;
}
.teacher ul li{
    width:33%;
    float:left;
    line-height:24px;
    font-size:20px;
    border-right:1px solid #dfdfdf;
}
.teacher ul li a {
    display:block;
}
.teacher ul li span {
    font-size:14px;
}
.teacher ul li.nob {
    border:none;
}
.teacher_info {
    position:absolute;
    left:310px;
    width:264px;
    background:#f7f7f7;
    top:12px;
    padding:23px;
}
.teacher_info dl {
    text-align:left;
}
.teacher_info dt {
    font-size:18px;
    height:auto;
    line-height:18px;
    margin:0;
    margin-bottom:14px;
}
.teacher_info dd {
    font-size:14px;
    line-height:29px;
    height:160px;
}
.teacher_info .go_zone {
    width:163px;
    height:38px;
    line-height:38px;
    font-size:14px;
    display:block;
    margin:0 auto;
    margin-top:20px;
    border-radius:3px;
    color:#42a5ff;
    border:1px solid #38b2ff;
}
.teacher_info .go_zone:hover {
        background:#38b2ff;
        color:#fff;
    }
.teacher_invite {
    background:#42a5ff;
    color:#fff;
    font-size:14px;
    height:40px;
    line-height:40px;
    position:relative;
    display:block;
    margin-top:20px;
    text-align:left;
    text-indent:13px;
    border-radius:3px;
}
.teacher_invite:hover {
    color:#fff;
    background:#288ce6;
}
.teacher_invite i {
    width:8px;
    height:13px;
    background-position:-200px 0;
    position:absolute;
    right:12px;
    top:17px;
}
.kefu {
    background:#fff;
    margin-bottom:20px;
    margin-top:20px;
}
    .kefu dl {
        display:inline-block;
        padding-bottom:24px;
        width:310px;
        padding-top:238px;
        position:relative;
    }
    .kefu dt {
        position: absolute;
        left: -13px;
        top: -6px;
        height: 238px;
        overflow-y:hidden;
    }

    .kefu strong {
        display:block;
        color:#59a91e;
        font-size:20px;
        font-weight:normal;
        line-height:20px;
        margin:15px 14px 17px 14px;
    }

    .kefu .s1,.kefu .s2 {
        line-height:46px;
        display:inline-block;
        height:46px;
        margin-left:14px;
    }
    .kefu .s2 {
        margin-left:10px;
    }
        .kefu .s1 a, .kefu .s2 a {
            margin-left:4px;
            display:inline-block;
            vertical-align:middle;
        }
            .kefu .s1 a:hover, .kefu .s2 a:hover {
                color:#288ce6;
            }
.other_class {
    background: #fff;
    padding:15px;
    padding-bottom:25px;
    margin-bottom:20px;
}
.other_class a {
    color: #333;
}
.other_class a:hover {
        color:#288ce6;
    }
.other_class dl {
    text-align:center;
    padding-top:24px;
}
.other_class dl dt img {
        width:100%;
    }
.other_class dd {
    line-height:16px;
}
.other_class dd strong {
    font-size:16px;
    color:#333;
    display:block;
    margin:10px 0 6px 0;
    font-weight:normal;
}
.other_class dd .s1 {
    font-size:16px;
    line-height:16px;
    display:inline-block;
    color:#ff3300;
    vertical-align:middle;
    margin-right:5px;
}
.other_class dd .s2 {
    color:#333;
    font-size:12px;
    line-height:12px;
    text-decoration:line-through;
    margin-right:5px;
    display:inline-block;
    vertical-align:middle;
}
.other_class dd .s3 {
    color:#666;
    border-left:1px solid #a7a7a7;
    padding-left:8px;
    display:inline-block;
    vertical-align:middle;
}



        
.show_div {
    width: 402px;
    height: 234px;
    background: #fff;
    display: none;
    font-family: microsoft yahei;
    z-index: 1000;
}

.show_div .p1 {
    height: 50px;
    background: #399ada;
    line-height: 50px;
    color: #fff;
}

    .show_div .p1 .s1 {
        float: left;
        margin-left: 20px;
        font-size: 18px;
    }

.show_div .p2 {
    color: #7cb908;
    font-size: 24px;
    line-height: 35px;
    margin-top: 25px;
    text-align: center;
}

    .show_div .p2 img {
        vertical-align: middle;
        margin-right: 10px;
    }

.show_div .p3 {
    text-align: left;
    color: #333333;
    margin: 10px 0;
    padding-left: 105px;
}

    .show_div .p3 span {
        color: #F00;
        margin: 0 5px;
    }

.show_div .p4 {
    text-align: center;
    font-size: 16px;
    margin-top: 20px;
}

    .show_div .p4 .a1 {
        background: #bbbbbb;
        width: 106px;
        height: 40px;
        line-height: 40px;
        color: #fff;
        display: inline-block;
    }

        .show_div .p4 .a1:hover {
            background: #ababab;
        }

    .show_div .p4 .a2 {
        background: url(../images/for_right01.jpg) no-repeat right #ff8800;
        width: 128px;
        padding-right: 15px;
        height: 40px;
        line-height: 40px;
        color: #fff;
        display: inline-block;
        margin-left: 15px;
    }

        .show_div .p4 .a2:hover {
            background: url(../images/for_right02.jpg) no-repeat right #ff7700;
        }

.show_div .p5 {
    text-align: center;
    font-size: 24px;
    color: #555;
    margin-top: 10px;
}

.car_ioc {
    position: fixed;
    _position: absolute;
    right: 50%;
    margin-right: -570px;
    bottom: 160px;
    z-index: 10;
}

.car_ioc a {
    display: inline-block;
    width: 49px;
    height: 49px;
    background: url(../images/car_ioc01.png) no-repeat;
    _background: transparent;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/car_ioc01.png',sizingMethod='scale');
}

.car_ioc a:hover {
    background: url(../images/car_ioc02.png) no-repeat;
    _background: transparent;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/car_ioc02.png',sizingMethod='scale');
}



        .oui-button {
            border-radius: 3px;
            font-size:14px;
            margin-right: 13px;
            cursor: pointer;
            display: inline-block;
            text-align: center;
            background:#e7ecf2;
            padding:0 15px;
            color:#636d77;
            height:36px;
            line-height:36px;
        }
            .oui-button:hover {
                background: #288ce6;
                color:#fff;
            }
        .ui-state-active {
            background: #288ce6;
            cursor: default;
            border: 1px solid #fff;
            color: #fff;
        }

.ui-state-disabled {
    cursor: default;
}
.ui-state-disabled:hover {
    background: #e7ecf2;
    color: #636d77;
}










.mf_code_div {
    background:#fff;
    text-align:center;
    width:380px;
    height:350px;
    padding:0 20px;
}
    .mf_code_div dl {
        padding-top:50px;
    }
    .mf_code_div dd {
        margin-top:28px;
    }
    .mf_code_div dd input{
        margin-bottom:15px;
        border:1px solid #cccccc;
        height:46px;
        line-height:46px;
        width:360px;
        padding:0 9px;
        border-radius:5px;
        font-size:14px;
    }
    .mf_code_div a {
        width:378px;
        background:#ffa339;
        height:48px;
        display:inline-block;
        line-height:48px;
        font-size:18px;
        color:#fff;
        border-radius:5px;
        border:1px solid #f9941f;
    }
        .mf_code_div a:hover {
            background:#f9941f;
        }
    .pro_left .s1 {
        position:absolute;left:16px;top:-3px;
    }
        .pro_left .s1 img {
            float:left;
            margin-left:2px;
            width:auto;
            height:auto;
        }
.left_box {
    width: 353px;
    float: left;
    overflow: hidden;
}
.left_box dt {
    position: relative;
    margin-bottom: 10px;
    width: 353px;
    height: 279px;
}
.left_box dt a {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 60px;
    background: rgba(0,0,0,.5);
    text-align: center;
    font-size: 16px;
    color: #fff;
}
.left_box dt a img {
    margin-right: 15px;
    vertical-align: middle;
    margin-top: -3px;
}
.left_box dt .img_01 {
    height: 279px;
    width: 100%;
}
.left_box dl {
}
.left_box dd {
    width: 166px;
    float: left;
    padding-left: 10px;
    border-bottom: 1px solid #cccccc;
    padding: 12px 0 12px 10px;
}
.left_box dd span {
    display: inline-block;
    line-height: 16px;
}
.left_box_s1 {
    width: 90px;
    text-align: center;
    color: #969696;
}
.left_box_s2, left_box_s3 {
    font-weight: bold;
    color: #666666;
}
.left_box_s2 {
    border-right: 1px solid #dddddd;
    width: 75px;
}
.left_box .s1 {
    position:absolute;left:16px;top:28px;z-index: 1;
}
.left_box .s1 img {
    float:left;
    margin-left:2px;
    width:auto;
    height:auto;
}
.right_box {
    width: 800px;
    float: right;
    position: relative;
}
.right_box h2 {
    color: #333333;
    font-size: 24px;
    line-height: 26px;
    font-weight: bold;
    margin-bottom: 20px;
}
.right_box dt {

    height:62px;
    line-height: 62px;
    background: #f5f8fa;
    margin-bottom: 24px;
    position: relative;
}
.right_box del {
    font-size: 14px;
    color: #666666;
    margin-left: 20px;
}
.right_box .s18 {
    color: #666666;
    margin-left: 5px;
}
.right_box dd {
    margin-bottom: 24px;
}
.right_box dd p {
    display: inline-block;
    width: 690px;
    line-height: 24px;
    font-size: 14px;
    color: #333333;
    margin-top: -5px;
}
.right_box .s16 {
    color: #888888;
    width: 92px;
    padding-left: 12px;
    display: inline-block;
    vertical-align: top;
}
.right_box .s17 {
    font-size: 30px;
    font-weight: bold;
    color: #ff2200;
}
.right_box .s19 {
    color: #288ce6;
    margin-right: 18px;
    line-height: 24px;
    display: inline-block;
}
.right_box .s20 {
    color: #ff3300;
}
.right_box .s21 {
    color: #ff2200;
    position: absolute;
    left: 114px;
    top: 27px;
    display:none;
}
.right_box .s21 a {
    color: #ff2200;
}
.right_box .i3, .right_box .i4, .right_box .i5, .right_box .i6 {
    background: url(../images/all_img.png) no-repeat;
    width: 28px;
    height: 28px;
    background-position: -340px -80px;
    margin-right: 6px;
}
.right_box .i4 {
    background-position: -340px -120px;
}
.right_box .i5 {
    background-position: -340px -160px;
}
.right_box .i6 {
    background-position: -340px -200px;
}
.right_box .buy_btn {
    width: 230px;
    height: 45px;
    position: absolute;
    left: 1px;
    top: 284px;
    background: #ff4502;
    color: #fff;
    line-height: 45px;
    text-align: center;
    font-size: 14px;
}
.right_box .buy_btn:hover {
    background: #e13c00;
    color: #fff;
}
.right_box .collect_btn {
    width: 42px;
    height: 45px;
    position: absolute;
    left: 243px;
    top: 325px;
    background: #8d969f;
}
.right_box .sp_link {
    position: absolute;
    left: 243px;
    top: 284px;
    line-height: 45px;
    color: #288ce6;
    display: inline-block;
}
.right_box .collect_btn i {
    width: 21px;
    height: 20px;
    background-position: -300px -120px;
    vertical-align: middle;
    float: left;
    margin-left: 11px;
    margin-top: 11px;
}
.job_tag {
    display: inline-block;
    width: 100%;
    margin: 0 0 30px 0;
}
.job_tag dt {
    line-height: 40px;
}
.job_tag dt i {
    width: 43px;
    height: 25px;
    background: url("../images/all_imgbq.png") no-repeat;
    background-position: -240px -20px;
    margin: 0;
}
.job_tag dt span a {
    padding: 7px 15px;
    background: #e2e2e2;
    border-radius: 3px;
    color: #666;
    font-size: 12px;
    margin-left: 12px;
    white-space: nowrap;
}
.job_tag dt span a:hover {
    background: #42a5ff;
    color: #fff;
}
.job_tag dd {
    font-size: 14px;
    line-height: 30px;
    color: #333333;
    margin-top: 20px;
    padding: 0 1px;
    overflow: hidden;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -o-transition: height 0.3s;
    -ms-transition: height 0.3s;
    transition: height 0.3s;
}
.nav_fix_info ul li, .tab_title ul li {
    width: 165px;
    float: left;
    height: 59px;
    line-height: 59px;
    font-size: 18px;
    color: #aaa;
    cursor: pointer;
    text-align: center;
    border: 1px solid #ccc;
    border-top: none;
    border-bottom: none;
    margin-left: -1px;
}
.nav_fix_info ul li:hover, .tab_title ul li:hover, .nav_fix_info ul li.now, .tab_title ul li.now {
    color: #333;
    background: #ddd;
}
.tab_title ul {
    border: 1px solid #ccc;
    width: 818px;
}
.tab_title ul:after, .main_box:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}