@charset "UTF-8";

@media (max-width:1440px) {
    .header .container { width: 1100px }
}

@media (max-width:1250px) {
    .container, .header .container { width: 92%; margin-left: 4%; margin-right: 4% }
    .logo { width: 100px }
    .navbar-collapse li { margin-right: 10px }
    .navbar-collapse li a { padding: 15px 15px }
    .Search_DL { margin-left: 20px }
    .search-input { width: 200px }
    .search-input:focus { width: 300px }
    .log-in.btn { margin: 10px 6px 0 10px; padding: 5px 10px; line-height: 1.4 }
    .First-level_Title { font-size: 20px }
    .Notice_Content { margin-top: 10px; font-size: 16px; line-height: 28px; color: #333333; margin-bottom: 10px }
    .More { font-size: 10px }
    .sign .main { padding: 30px 30px 30px; width: 500px }
    .main .title a { font-size: 24px; line-height: 45px }
    .js-sign-in-container { margin: 35px 20px 10px }
    .sign .logo img { width: 85px }
    .Detailed_drawing li { height: 21vw }
}

@media (max-width:1100px) {
    .logo, .header { height: 60px; line-height: 60px }
    .navbar-collapse { width: 100%; height: 50px }
    .navbar-collapse li { margin-right: 5px }
    .navbar-collapse li a { height: 50px; padding: 12px 5px; font-size: 15px }
    .search-input { padding: 0px 30px 0px 10px; width: 150px; height: 32px; line-height: 24px }
    .search-input:focus { width: 200px }
    .Search_DL { margin-left: 10px; top: 9px }
    .ic-search { top: 0px; width: 30px; height: 30px; right: 2px }
    .avatar { margin: 5px 15px 8px 10px }
    .write-btn { width: 90px; height: 34px; line-height: 17px; margin: 8px 10px 0 10px; font-size: 14px }
    .write-btn i { font-size: 14px }
    .header, .Introduce_R, .RecommendAuthor_R, .RecommendedReading_R { display: none }
    .Wap_header { display: block }
    .fhdb-1 { width: 40px; height: 40px }
    .Left_Remo, .Right_Remo { width: 100%; padding-left: 0px }
    .load-more { margin: 20px auto 40px }
    .TML_PSO { display: none }
    #footer { display: block; width: 100%; height: 50px }
    .main { font-size: 16px }
    .Regional li { width: 110px; padding: 10px 0px }
    .Regional li .iconfont { font-size: 38px }
    .Introduce { margin: 0px 0px 15px }
    .Introduce_NM { margin-bottom: 15px }
    .Content_From li { width: 49%; margin-right: 1% }
    .Upgrade li { padding: 15px 15px }
    .Upgrade_explain { font-size: 15px; line-height: 28px }
    .Upgrade_Content { line-height: 28px; font-size: 14px; margin: 0px 5px 0px 140px }
    .Upgrade_explain .color_ea6f5a { font-size: 22px; vertical-align: top }
    .Upgrade_Icon { line-height: 28px }
    .Upgrade_Icon .iconfont { font-size: 26px; vertical-align: -2px }
    .Upgrade_Title { font-size: 18px; line-height: 28px }
    .Purchase_Tomen { padding: 15px 0px 0px 0px }
    .Purchase_Tomen li { width: 250px }
    .sign .main { padding: 20px 20px 20px; width: 430px }
    .js-sign-in-container { margin: 30px 20px 10px }
    .sign .logo img { width: 65px }
    .js-sign-in-container .sign-in-button, .js-sign-in-container .sign-up-button { padding: 10px 18px }
    .js-sign-in-container .more-sign { margin-top: 20px }
    .js-sign-in-container .more-sign ul { margin-top: 20px }
    .Details { margin-bottom: 10px }
    .Details_Title { font-size: 22px; line-height: 28px }
    .Details_Content, .Details_Explain { margin: 15px 0px }
    .Details_Content { font-size: 16px }
    .Details_Content dd { margin-left: 100px }
    .Details_Operation a { font-size: 16px }
    .Detailed_drawing li { height: 33vw }
    .Detailed_Title { font-size: 18px; line-height: 22px }
    .Detailed_Content { font-size: 15px; margin: 10px 0 10px 0px; line-height: 26px }
    .onyha li { margin-right: 3px; width: 20px }
    .onyha li img { vertical-align: -3px }
    .Score .onyha { vertical-align: top }
    .Service_RatingName { margin-right: 15px; font-size: 14px; line-height: 20px }
    .Service_Rating > li .fontSize26 { font-size: 22px }
    .Details_Img li { height: 23vw }
    .Classified li i.iconfont { font-size: 15px }
    .Details_Service { padding: 20px 0px }
    .Account { font-size: 15px; line-height: 28px; padding: 10px 15px 10px 15px; border-radius: 5px }
    .Information_Delivery { margin-bottom: 15px }
    .Information { margin: 10px 0px }
    .Detailed_Name { padding: 0px 0px 10px 0px }
    .Score_Fb.Score .onyha { vertical-align: middle }
    .Score_Fb.Score .onyha li { width: 25px; margin-right: 5px }
    .Jump_PaymentTitle { font-size: 26px; line-height: 36px; margin: 40px 0px 10px 0px }
    .HotCity_R { display: none }
}

@media (max-width:850px) {
    .Membership { width: 100%; border-right: 0px }
    .Membership_Tale { border-left: 0px; margin-left: 0px; border-top: 1px solid #dddddd }
}

@media (max-width:755px) {
    .recommend { width: 102% }
    .recommend li { width: 48%; margin-right: 2%; margin-bottom: 8px }
    .Wap_Header_Top, .Wap_Header_Top dt, .Wap_Header_Top dt { height: 48px }
    .Wap_Header_Top dt, .SignIn_Img { line-height: 48px }
    .P_VPOA { height: 40px; width: 40px }
    .Search_DL { top: 5px }
    .Wap_Header_Top .search-input, .Wap_Header_Top .ic-search { height: 35px; line-height: 35px }
    .Wap_Header_Top .ic-search { width: 35px }
    #id3 { margin-bottom: 10px }
    .Wap_SignIn { line-height: 50px }
    .Notice, .Address_RM { padding: 15px 20px }
    .First-level_Title { font-size: 18px; line-height: 35px }
    .Notice_Content { font-size: 16px; margin-top: 8px }
    .Address_RM { margin-top: 20px }
    .Secondary_Title { font-size: 16px }
    .Hot_cities { height: 30px; margin-top: 10px }
    .Hot_cities-City { line-height: 22px; font-size: 15px; padding: 0px 5px }
    .Click_More, .load-more, .Region .Click_More { font-size: 15px; width: 160px; border-radius: 40px; line-height: 35px; height: 35px; display: inline-block }
    .Click_More .Hots_CLka { line-height: 35px; height: 35px }
    .content_Home { margin-top: 10px }
    .Home_content li { padding: 15px 18px }
    .RT_CPo { width: 100px; height: 115px; margin-top: -50px }
    .RT_CPo_Lak { margin-right: 105px }
    .meta { font-size: 10px; margin: 0px; line-height: 18px }
    .abstract { font-size: 14px; line-height: 22px; max-height: 44px }
    .City_Ip i.iconfont { font-size: 15px }
    .City_Ip { font-size: 14px; margin-top: 5px; line-height: 20px }
    .meta .icon-see, .meta .icon-xiaoxi { vertical-align: -1px }
    .City_Ip i.iconfont { vertical-align: 0px }
    ._R_Footers { width: 55px; height: 55px; margin-left: -25px; top: -10px }
    .load-more, .load-more { margin: 20px 0px 20px }
    .footer .Left_Remo { margin: 30px 0px 30px 0px }
    .main { font-size: 16px; line-height: 30px }
    footer .icp { line-height: 24px; font-size: 14px }
    .paging { margin: 25px 0px }
    .pagination > a, .pagination > span { font-size: 12px; line-height: 26px; margin-left: 4px; padding: 0px 8px }
    .RecommendedReading { margin-right: 0px }
    .Regional_Title { font-size: 13px; line-height: 22px; margin-top: 0px }
    .Regional li { width: 75px }
    .Regional li .iconfont { font-size: 30px }
    .Region dd a { padding: 0px 10px; line-height: 30px; font-size: 14px }
    .border-radius10 { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px }
    .content_Home_Sj { margin-bottom: 12px }
    .Address_Details li { padding: 0px 13px; margin: 6px 0px }
    .Address_Details li:nth-child(1) { padding: 0px 13px }
    .Address_Details li .title { font-size: 16px; text-align: center; line-height: 22px; height: 22px }
    .Address_Details li .iconfont { vertical-align: 0px; font-size: 15px }
    .Address_Details li nav { }
    .Introduce_Title { font-size: 20px }
    .Introduce .City_Ip { margin: 5px 0px 5px }
    .Introduce_Content { font-size: 14px; line-height: 24px; letter-spacing: 0.6px }
    .Information { font-size: 14px; margin: 5px 0px; line-height: 22px }
    .Information_Viewing { margin: 10px 0px 0px; font-size: 14px }
    .Author_List { padding: 20px 15px }
    .Author_List_Img { width: 70px; height: 70px; position: absolute; top: 40%; margin-top: -20px }
    .Author_List_Content { margin-left: 70px }
    .RT_CPo_Lak .title { font-size: 15px }
    .Author_List_Content .LoadMore { width: 60px; font-size: 12px; height: 22px; line-height: 22px; padding: 0px 10px }
    .Author_List_Content .Address_Details { margin: 5px 0px }
    .LoadMore:hover::before { left: -100% }
    .LoadMore:hover em { color: #ff8a89 }
    .Information_Delivery { padding: 5px 10px; font-size: 14px }
    .Membership { margin: 10px 4% }
    .Membership_Dl dd { margin-left: 100px }
    .information-input, .sign-in-button { padding: 10px 6px }
    .sign-in-button { font-size: 16px; margin-top: 15px }
    .Purchase_Tomen { padding: 15px 0px 0px 0px }
    .Purchase_Tomen li { width: 180px }
    .Purchase_Title { font-size: 18px; line-height: 24px }
    .Purchase_Content { line-height: 30px; margin: 20px 0px; font-size: 18px }
    .Purchase_Content .iconfont { font-size: 28px; vertical-align: -3px; margin-right: 0px }
    .Purchase_Content em { font-size: 20px }
    .Purchase_Content em.fontSize26 { font-size: 18px }
    .Content_From { width: 100% }
    .Content_From li { width: 100%; margin: 0px 0px 10px 0px; border-radius: 5px }
    .Content_From .RT_CPo_Lak .title { font-size: 16px }
    .Content_From .abstract { height: 44px }
    .Purchase { margin: 5px 0px 5px }
    .Content_From .RT_CPo_Lak { margin: 15px 15px }
    .sign .logo { top: 20px }
    .sign .main { width: 420px }
    .js-sign-in-container .input-prepend { margin-top: 15px }
    .js-sign-in-container .input-prepend input { font-size: 16px; height: 45px; padding: 4px 12px 4px 38px }
    .js-sign-in-container .input-prepend i { font-size: 20px; top: 7px }
    .js-sign-in-container .more-sign { margin-top: 10px }
    .js-sign-in-container .more-sign ul { margin-top: 10px }
    .js-sign-in-container .more-sign ul a { width: 45px; height: 45px; line-height: 45px }
    .js-sign-in-container .more-sign ul i { font-size: 24px }
    .Details_Title { font-size: 18px; line-height: 28px }
    .Details_Explain dt.Author_List_Img { position: static; margin-top: 0px }
    .Details_Explain { margin: 10px 0px 10px 0px }
    .s-dsoA .LoadMore { width: 60px; height: 26px; line-height: 26px }
    .Details_Content { font-size: 15px; margin: 8px 0px }
    .Details_Content dd { margin-left: 90px }
    .Details_Content dd .fontSize26 { font-size: 18px }
    .Details_Operation a { height: 30px; line-height: 26px; width: 100px; font-size: 13px; border: 2px solid #ff8a89 }
    .Details_Operation a .iconfont { font-size: 16px }
    .Details_Operation a:hover .iconfont { color: #ff8a89 }
    .Detailed_Title { font-size: 16px; line-height: 22px; padding-left: 6px }
    .Detailed_Content { font-size: 14px; margin: 8px 5px 0px 7px; line-height: 26px }
    .Detailed_drawing li { height: 31vw }
    .Service_Rating > li { margin-top: 0px }
    .Service_RatingName { font-size: 14px; margin-right: 10px; line-height: 22px }
    .Service_Rating .mnae { font-size: 17px; margin-top: -2px }
    .onyha li { width: 18px; margin-right: 2px }
    .Service_Rating > li .fontSize26 { font-size: 18px }
    .Details_Service { margin: 5px 0px 15px 0px; padding: 15px 0px }
    .Classified { padding: 5px 0px; margin-top: 0px }
    .Classified li { margin-bottom: 5px }
    .Classified li .C_Ti { font-size: 15px; margin-right: 10px }
    .Details_Service .Author_List_Img { position: static; margin: 0px; width: 60px; height: 60px }
    .Details_Service dd.Details_ServiceDD { margin-left: 70px }
    .Details_ServiceDD .title { font-size: 14px; line-height: 22px }
    .Details_ServiceDD .Score li { line-height: 18px }
    .Details_Comment { font-size: 13px; line-height: 18px; margin-top: 0px }
    .Name_dl dt { line-height: 23px; font-size: 14px; margin-bottom: 0px }
    .Name_dl { margin-bottom: 8px }
    .Comment_score dd { margin-left: 80px }
    .Comment_score dd .Score .onyha li { line-height: 26px; width: 20px; margin-right: 3px }
    .Hot li a { font-size: 15px; line-height: 28px; padding: 5px 3px }
    .Jump_PaymentTitle { font-size: 26px; line-height: 30px; margin: 30px 0px 10px 0px }
    .Jump_PaymentOption { width: 86%; margin: 35px 7% }
    .Jump_PaymentOption li { float: left; text-align: center; width: 50%; margin: 0px }
    .Jump_PaymentOption li i.iconfont { width: 150px; height: 150px; line-height: 150px; font-size: 85px }

    .layui-form-checkbox { margin-bottom: 5px }
    .serse { position: fixed; left: 0px; bottom: 0px; width: 100%; height: 100%; display: none; z-index: 10000; background-color: rgba(0,0,0,0.5); }
    .Reticy { background-color: #ffffff }
    .cancel { text-align: right; border-bottom: 1px solid #ddd; padding: 3px 3%; display: block }
    .rnj_Address:after { display: none }
    .rnj_Address { zoom: 1; bottom: 0px; left: 0px; top: auto; background-color: #ffffff; width: 100%; }
    .rnj_Address ul { width: 33.3% }
    .rnj_Address ul { height: 250px; }
}

@media (max-width:680px) {
    .sign { position: static }
    .sign:before { height: 0px; content: ''; display: none }
    .sign .logo { position: absolute; top: 10px; margin: 0px; height: 60px; line-height: 60px; width: 100%; text-align: center }
    .sign .logo img { width: auto; height: 40px }
    .sign .main { width: 88%; margin: 120px 6% 0px 6% }
    .main .title a { font-size: 20px; font-weight: bold }
    .js-sign-in-container .input-prepend { margin-top: 10px }
    .js-sign-in-container .input-prepend i { font-size: 18px; top: 5px }
    .js-sign-in-container .input-prepend input { font-size: 14px; height: 38px; padding-left: 35px }
    .js-sign-in-container .sign-in-button, .js-sign-in-container .sign-up-button { padding: 8px 0px; font-size: 16px }
    .js-sign-in-container .F_CPOa { font-size: 12px }
    .js-sign-in-container .dropdown-menu li a { padding: 5px 15px; font-size: 13px; line-height: 22px }
    .Regional li { width: 25%; margin-left: -1px; border-bottom: 1px solid #e6e6e6; margin-bottom: -1px; padding: 8px 0px }
    .Regional li .iconfont { font-size: 28px }
    .Regional li:nth-child(4n) { border-right: 0px }
    .Collection dt .City_location { font-size: 15px }
    .Purchase span { width: 50%; margin-right: 0px; margin-bottom: 0px }
    .InputBox { margin: 5px 0px }
    .InputBox dd { margin-left: 85px }
    .InputBox dt { font-size: 13px }
    .Author_List_Img { margin-top: 0px; position: static; width: 60px; height: 60px }
    .Address_Details li { margin: 3px 0px; padding: 0px 10px }
    .Address_Details li .title { font-size: 15px; line-height: 18px; height: 18px }
    .Address_Details li nav { font-size: 13px }
    .Upgrade li { padding: 10px 15px; margin-bottom: 10px; border-radius: 5px; margin-top: 10px }
    .Upgrade_Title { margin-right: 15px; font-size: 16px }
    .Upgrade_explain { float: none }
    .Upgrade_explain .color_ea6f5a { font-size: 18px }
    .Upgrade_Content { display: block; width: 100%; margin: 0px; white-space: normal; font-size: 14px; line-height: 22px }
    .Activation .Activation_Submit { width: 100px; height: 40px; line-height: 40px }
    .Activation .Activation_Ip { width: calc(100% - 110px); height: 40px; line-height: 40px }
    .Activation .Activation_Ip:focus { width: calc(100% - 90px) }
    .Activation .Activation_Ip:focus ~ .Activation_Submit { width: 80px }
    .SubmitMoney .sign-in-button { width: 135px }
    .vmka_lck li { margin-right: 6px; margin-bottom: 6px }
    .vmka_lck li .R_Undon { width: 56px; height: 70px }
    .delete_ymd { display: none }
    .upload > img { width: 56px !important; height: 70px !important }
}

@media (max-width:480px) {
    .Full_Screen .Introduce_NM, .Full_Screen .Introduce { padding: 10px 4% }
    .Introduce_NM { padding: 15px 10px }
    .Introduce_Title { font-size: 16px }
    #id3 { margin-bottom: 0px }
    .First-level_Title { font-size: 18px }
    .Address_RM { margin-top: 10px }
    .Notice_Content { font-size: 14px; line-height: 20px; margin: 5px 0px }
    .More { margin: 5px 0px }
    .Hot_cities li { margin: 3px 0px 3px 0px }
    .Hot_cities-City { font-size: 14px; padding: 0px 10px }
    .meta span, .meta a { margin-right: 0px }
    .Introduce { padding: 10px 10px }
    .Home_content li { padding: 10px 10px }
    .RT_CPo { width: 80px; height: 92px }
    .RT_CPo_Lak { margin-right: 80px }
    .RT_CPo_Lak .title { font-size: 15px; height: 22px; line-height: 22px }
    .abstract { line-height: 22px; max-height: 62px; font-size: 14px }
    .City_Ip { margin-top: 0px }
    .RecommendedReading { margin-right: 0px }
    .Click_More, .load-more, .Region .Click_More { font-size: 14px; height: 34px; line-height: 34px; width: 150px; margin: 0px 0px 0px }
    .pagination > a, .pagination > span { margin-left: 3px; padding: 0px 6px }
    .main { font-size: 15px; line-height: 24px }
    .footer { margin-top: 10px }
    footer .icp { line-height: 20px; font-size: 13px; margin-top: 5px }
    .paging { margin: 10px 0px 10px 0px }
    .pagination > a.page_xs { display: none }
    .pagination > a, .pagination > span { font-size: 12px; line-height: 28px; padding: 0px 8px; margin: 0px 0px 4px 2px }
    .LoadMore { width: 80px; font-size: 13px; height: 30px; line-height: 30px }
    .Region .Click_More { margin-top: 5px }
    .Region dd { margin-left: 40px }
    .Region dt { font-size: 15px; line-height: 30px }
    .Region .Hot_cities { height: 55px }
    .Region dd a, .Region .Hot_cities li a { font-size: 14px; line-height: 26px; padding: 0px 8px }
    .Introduce_Content { line-height: 22px; letter-spacing: 0.2px }
    .Account { font-size: 15px; line-height: 24px }
    .Information_Delivery { line-height: 20px; font-size: 14px }
    .Membership { margin: 0px }
    .Membership_Dl { margin: 0px; font-size: 16px }
    .Membership_Dl dt, .Membership_Dl { line-height: 26px }
    .Change dl { margin: 0px 0px }
    .Membership_Dl dt { font-size: 14px }
    .Membership_Dl dd { margin-left: 80px }
    .fontSize26 { font-size: 16px }
    .information-input { font-size: 14px }
    .information-input, .sign-in-button { padding: 10px 5px; margin-bottom: 5px }
    .sign-in-button { font-size: 15px; margin-top: 10px; border-radius: 10px; padding: 10px 0px }
    .Upgrade li { padding: 5px 10px; margin-bottom: 5px }
    .Upgrade_Title { margin-right: 6px; font-size: 15px }
    .Upgrade_Icon { margin-right: 5px }
    .Upgrade_Icon .iconfont { font-size: 22px; vertical-align: -1px }
    .Purchase_Tomen li { width: 130px }
    .Details_Title { font-size: 16px }
    .Details_Content { margin: 5px }
    .Detailed_Title { font-size: 16px }
    .Service_RatingName { font-size: 13px }
    .Details_Service { margin: 0px 0px 16px 0px }
    .Details_Service .Author_List_Img { width: 50px; height: 50px }
    .Details_Content dd { margin-left: 80px }
    .Details_ServiceDD .title { font-size: 15px; line-height: 22px; margin-top: 5px }
    .Details_Comment { font-size: 12px; line-height: 18px }
    .Classified { }
    .Classified li { margin-bottom: 4px }
    .Classified li .C_Ti { font-size: 14px }
    .Details_Service dd.Details_ServiceDD { height: 50px; margin-left: 58px }
    .Details_Service dd.Details_Service_XMAN { margin-left: 0px; margin-top: 10px }
    .Details_Service_XMAN .Details_Img li { height: 25vw }
    .Service_Rating > li { margin-bottom: 5px }
    .iframe { padding: 10px 20px }
    .InputBox dd { margin-left: 70px }
    .InputBox { margin: 0px 0px }
    .InputBox dt { font-size: 12px }
    .layui-form-checkbox { height: 25px; line-height: 25px; margin-right: 8px; padding-right: 30px }
    .layui-form-checkbox i { height: 25px; font-size: 18px }
    .Hot li a { font-size: 14px; line-height: 26px; padding: 5px 3px }
    .Information { font-size: 13px }
    .tltetable tr th { font-size: 13px; padding: 2px; line-height: 24px }
    .tltetable td { min-width: 50px }
    .Jump_PaymentTitle { font-size: 22px;text-align: center;}
    .Jump_PaymentOption { width: 100%;}
    .Jump_PaymentOption li { width: 90%; margin: 0px;padding:4px 10px; }
    .Jump_Payment button {margin-top:15px;}
}